From 4111124f24cfa14e85415b4c75c4ffda0281b3d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Sun, 14 Jun 2026 10:52:33 +0200
Subject: [PATCH] fix(nav): keep long More-menu tile labels inside their tile

The More hub grid tile label was a flex child without min-w-0, so
long compound labels (e.g. "Benachrichtigungen") painted past the
tile's rounded border instead of wrapping. Give the span min-w-0
and tightened leading so it wraps cleanly within the tile.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/layout/bottom-nav.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/bottom-nav.tsx b/src/components/layout/bottom-nav.tsx
index 8f7c0a32b..1cc4b47d7 100644
--- a/src/components/layout/bottom-nav.tsx
+++ b/src/components/layout/bottom-nav.tsx
@@ -255,7 +255,9 @@ export function BottomNav() {
                   )}
                 >
                   <item.icon className="h-5 w-5 shrink-0" aria-hidden="true" />
-                  <span className="text-sm font-medium">{t(item.tKey)}</span>
+                  <span className="min-w-0 text-sm font-medium leading-tight">
+                    {t(item.tKey)}
+                  </span>
                 </Link>
               );
             })}