diff --git a/packages/components/src/avatar/avatar.tsx b/packages/components/src/avatar/avatar.tsx
index 2fee5468..5d155010 100644
--- a/packages/components/src/avatar/avatar.tsx
+++ b/packages/components/src/avatar/avatar.tsx
@@ -172,16 +172,15 @@ const Avatar = (props: Props) => {
           <Indicator size={size} state={indicator} />
         </Unspaced>
       )}
-      <Stack borderRadius={28} overflow="hidden">
-        <Image
-          src={src}
-          width={size}
-          height={size}
-          onLoad={() => setStatus('loaded')}
-          onError={() => setStatus('error')}
-          radius="full"
-        />
-      </Stack>
+
+      <Image
+        src={src}
+        width="full"
+        radius="full"
+        aspectRatio={1}
+        onLoad={() => setStatus('loaded')}
+        onError={() => setStatus('error')}
+      />
 
       {status === 'error' && (
         <Fallback