From 3e4d609d6cceb294b5a713d5189f0193e78ee188 Mon Sep 17 00:00:00 2001
From: unkn0wn <louis1.potevin1@gmail.com>
Date: Tue, 23 Jun 2026 08:02:31 +0200
Subject: [PATCH] style: refactor avatar component styles

---
 src/components/Avatar/_avatar.scss | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/Avatar/_avatar.scss b/src/components/Avatar/_avatar.scss
index 0ea7c8b..2782d33 100644
--- a/src/components/Avatar/_avatar.scss
+++ b/src/components/Avatar/_avatar.scss
@@ -1,21 +1,32 @@
-@use '../../styles/tokens/typography' as *;
+@use "../../styles/tokens/typography" as *;
 
 .avatar {
-  display: flex;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  border-radius: 50%;
+  border-radius: var(--nds-radius-full);
   overflow: hidden;
   width: 40px;
   height: 40px;
+  flex-shrink: 0;
+  background-color: var(--nds-primary-soft);
+  box-shadow: inset 0 0 0 1px var(--nds-border);
   &__content {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
-    @include text-base;
-    color: var(--nds-color-on-primary);
-    background-color: var(--nds-disabled);
+    @include text-label;
+    color: var(--nds-primary);
+    object-fit: cover;
+  }
+  &__fallback {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    color: var(--nds-primary);
   }
 }