From 58b87d60d13ae4f5039cc98a61be81cfeed494d4 Mon Sep 17 00:00:00 2001
From: rharkor <louis@huort.com>
Date: Sat, 17 Feb 2024 18:43:58 +0100
Subject: [PATCH] fix: avatar size

---
 packages/app/src/components/locale-switcher.tsx | 4 ++--
 packages/app/src/components/profile/avatar.tsx  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/components/locale-switcher.tsx b/packages/app/src/components/locale-switcher.tsx
index 376d2788..23ce5cca 100644
--- a/packages/app/src/components/locale-switcher.tsx
+++ b/packages/app/src/components/locale-switcher.tsx
@@ -38,7 +38,7 @@ export default function LocaleSwitcher({ lang }: { lang: Locale }) {
       }}
       className="w-[150px]"
       aria-label={localesDetailed[lang].nativeName}
-      startContent={<Avatar alt={lang} className="size-4 shrink-0" src={localesDetailed[lang].flag} />}
+      startContent={<Avatar alt={lang} className="!size-4 shrink-0" src={localesDetailed[lang].flag} />}
       size="sm"
       selectionMode="single"
     >
@@ -46,7 +46,7 @@ export default function LocaleSwitcher({ lang }: { lang: Locale }) {
         <SelectItem
           key={locale}
           value={locale}
-          startContent={<Avatar alt={locale} className="size-6" src={details.flag} />}
+          startContent={<Avatar alt={locale} className="!size-6" src={details.flag} />}
         >
           {details.nativeName}
         </SelectItem>
diff --git a/packages/app/src/components/profile/avatar.tsx b/packages/app/src/components/profile/avatar.tsx
index d4aeb983..8b453d80 100644
--- a/packages/app/src/components/profile/avatar.tsx
+++ b/packages/app/src/components/profile/avatar.tsx
@@ -110,7 +110,7 @@ export default function UpdateAvatar({ account }: { account: ReturnType<typeof u
       <div className={cn("group relative h-20 w-20 rounded-full")}>
         <Skeleton isLoaded={!account.isInitialLoading} className={cn("rounded-full")}>
           <Avatar
-            className="text-large size-20"
+            className="text-large !size-20"
             src={getImageUrl(account.data?.user.image) || undefined}
             name={account.data?.user.username || undefined}
             onClick={() => setShowModal(true)}