diff --git a/packages/design-system/avatar/index.tsx b/packages/design-system/avatar/index.tsx
index 18ab11b..e9d1723 100644
--- a/packages/design-system/avatar/index.tsx
+++ b/packages/design-system/avatar/index.tsx
@@ -54,7 +54,7 @@ export const Avatar = ({
   const computedProfileURL = !isDisabled ? profileURL : "";
   return (
     <Container square={square}>
-      <LinkWrapper href={computedProfileURL} profileURL={computedProfileURL}>
+      <LinkWrapper href={computedProfileURL} target="_blank" profileURL={computedProfileURL}>
         {!showBadge ? (
           <StyledImage
             size={size}
diff --git a/packages/design-system/avatar/styled.ts b/packages/design-system/avatar/styled.ts
index 98dce8a..0e94a03 100644
--- a/packages/design-system/avatar/styled.ts
+++ b/packages/design-system/avatar/styled.ts
@@ -200,7 +200,7 @@ align-self: center;
 border-radius: 50%;
 border: 2px solid white;
 letter-spacing: 1px;
-z-index: 1000;
+z-index: 500;
 `
 
 export const BadgeBorder = styled.div<BadgeBorderProps>`