Fixing Side menu

src/views/main/SideBar.vue

@@ -66,9 +66,9 @@ initializeLocale();
             :src="userProfileStore.portraitUrl"
             alt="Profile Image"
             class="rounded-full"
-            width="32"
-            height="32"
-            style="max-height: 32px;"
+            width="42"
+            height="42"
+            style="max-height: 42px;"
         >
         <span class="ml-2  text-sm font-sans capitalize">
     {{ userProfileStore.alias }}
@@ -84,7 +84,7 @@ initializeLocale();
                      :to="`/@${creatorProfileStore.creator.name}`">
           <v-btn class="w-full justify-start"
                  prepend-icon="mdi-home-account"
-                 variant="tonal">
+                 variant="flat">
             {{ creatorProfileStore.creator.name }}
           </v-btn>
         </router-link>
@@ -100,13 +100,13 @@ initializeLocale();
         <v-btn to="/profile"
                class="w-full justify-start"
                prepend-icon="mdi-account"
-               variant="tonal">
+               variant="flat">
           {{ $t('header.myprofile') }}
         </v-btn>
 
         <!-- LANGUAGE -->
         <v-btn
-            variant="tonal"
+            variant="flat"
             class="w-full justify-start"
             prepend-icon="mdi-translate-variant"
             @click="toggleLanguage"
@@ -117,7 +117,7 @@ initializeLocale();
         <!-- LOGIN / LOGOUT -->
         <template v-if="!authStore.isAuthenticated">
           <v-btn to="/login"
-                 variant="tonal"
+                 variant="flat"
                  class="w-full justify-start"
                  prepend-icon="mdi-login">
             Connexion
@@ -125,7 +125,7 @@ initializeLocale();
         </template>
         <template v-else>
           <v-btn @click="authStore.logout"
-                 variant="tonal"
+                 variant="flat"
                  class="w-full"
                  prepend-icon="mdi-logout">
             {{ $t('header.Signout') }}