From 4fb2d46cb59bfe12b8ec100e54f56ea08276c17b Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Wed, 1 Jul 2026 18:41:35 +0000
Subject: [PATCH] Wrap My-secrets row header so key chip reflows on mobile

The definition name + key code chip sat in a non-wrapping flex row, so at
narrow (390px) widths the key chip overflowed its column and overlapped the
Update/trash action cluster. Match the admin definitions row by wrapping.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 ui/src/pages/secrets/MyUserSecretsTab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/pages/secrets/MyUserSecretsTab.tsx b/ui/src/pages/secrets/MyUserSecretsTab.tsx
index 526743160a3..e18802231c9 100644
--- a/ui/src/pages/secrets/MyUserSecretsTab.tsx
+++ b/ui/src/pages/secrets/MyUserSecretsTab.tsx
@@ -135,7 +135,7 @@ function MyUserSecretRow({
       )}
     >
       <div className="min-w-0 flex-1">
-        <div className="flex items-center gap-2">
+        <div className="flex min-w-0 flex-wrap items-center gap-2">
           <span className="font-medium text-foreground">{definition.name}</span>
           <code className="rounded bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground">
             {definition.key}