From ac46f8f9c8d5a7ee644a4ccefee957c5148d3d43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Sun, 17 May 2026 15:27:44 +0200
Subject: [PATCH] ui(layout): top-bar user menu width parity with sidebar
 overflow
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

W4a item 2 promoted DropdownMenuItem to whitespace-nowrap globally and
bumped the sidebar user menu to w-60 so the German "Benachrichtigungs-
Center" label stayed on a single line. The top-bar user menu kept its
w-48 (192 px) width — the same label plus a 16 px icon + 8 px gap + 16
px padding measures ~220 px and overflowed under the global nowrap +
overflow-x-hidden, clipping without an ellipsis.

Bump the top-bar user menu to w-60 so it matches the sidebar's symmetry.
---
 src/components/layout/top-bar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/top-bar.tsx b/src/components/layout/top-bar.tsx
index aa9071014..b6745c854 100644
--- a/src/components/layout/top-bar.tsx
+++ b/src/components/layout/top-bar.tsx
@@ -81,7 +81,7 @@ export function TopBar() {
               <span className="hidden sm:inline">{user.username}</span>
               <ChevronDown className="h-3 w-3 opacity-60" />
             </DropdownMenuTrigger>
-            <DropdownMenuContent align="end" className="w-48">
+            <DropdownMenuContent align="end" className="w-60">
               <DropdownMenuItem asChild>
                 <Link href="/settings/account" className="cursor-pointer">
                   <Settings className="mr-2 h-4 w-4" />