fixes avatar size

web/src/lib/components/nav_bar.svelte

@@ -202,17 +202,22 @@
                 on:change={(e) => handleDropdownClick(e.detail)}
                 let:toggleMenu={openDropdown}
             >
-                <button
+                <div class="flex items-center">
-                    class="rounded-full bg-white text-black hover:bg-gray-200 focus:ring-4 ring-gray-100/50 transition-colors max-h-11 aspect-square"
+                    <button
-                    on:click={openDropdown}
+                        class="rounded-full bg-white text-black hover:bg-gray-200 focus:ring-4 ring-gray-100/50 transition-colors h-10 aspect-square"
-                >
+                        on:click={openDropdown}
-                    <img
+                    >
-                        class="rounded-full w-full h-full"
+                        <img
-                        src={getFileURL($currentUser, $currentUser.avatar) ||
+                            class="rounded-full w-full h-full"
-                            `https://api.dicebear.com/7.x/initials/svg?seed=${$currentUser.username}&backgroundType=gradientLinear`}
+                            src={getFileURL(
-                        alt="avatar"
+                                $currentUser,
-                    />
+                                $currentUser.avatar,
-                </button>
+                            ) ||
+                                `https://api.dicebear.com/7.x/initials/svg?seed=${$currentUser.username}&backgroundType=gradientLinear`}
+                            alt="avatar"
+                        />
+                    </button>
+                </div>
             </Dropdown>
         </div>
     {:else}