From becd8ba71bc421dc1646522f1fbc4c1cc4c67d40 Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Mon, 23 Jan 2023 15:55:16 +0100
Subject: [PATCH] simplify avatar and fix border

---
 packages/components/src/avatar/avatar.tsx | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

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