diff --git a/frontend/components/global/UserDropdown.vue b/frontend/components/global/UserDropdown.vue
index becd81e..592b000 100644
--- a/frontend/components/global/UserDropdown.vue
+++ b/frontend/components/global/UserDropdown.vue
@@ -51,9 +51,10 @@ const { data: account } = useGetAccount();
         <template #trigger>
             <button
                 v-if="!!account"
-                class="size-[1.6rem] flex items-center justify-center relative overflow-hidden rounded-full border border-black"
+                class="flex items-center justify-center"
             >
                 <Avatar
+                    class="!size-7"
                     :src="account.profile_photo"
                     :alt="
                         account.first_name && account.last_name