From e43105f051c82724d4b1c662860dcda48952d74a Mon Sep 17 00:00:00 2001
From: Dylan Huff <dylan@coder.com>
Date: Wed, 29 Jul 2026 15:29:28 +0000
Subject: [PATCH] fix(site/src/pages/UserSettingsPage/SecretsPage): prevent Add
 secret dialog overflow

The 'or add individually' divider used two full-width Separators in a
flex row. Separator is styled w-full shrink-0, so each one took the
full dialog width and the row overflowed horizontally. Give each
separator flex-1 so they split the space around the label instead.
---
 site/src/pages/UserSettingsPage/SecretsPage/SecretDialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/UserSettingsPage/SecretsPage/SecretDialog.tsx b/site/src/pages/UserSettingsPage/SecretsPage/SecretDialog.tsx
index b33420c5b72..9b018c2b05f 100644
--- a/site/src/pages/UserSettingsPage/SecretsPage/SecretDialog.tsx
+++ b/site/src/pages/UserSettingsPage/SecretsPage/SecretDialog.tsx
@@ -275,11 +275,11 @@ export const SecretDialog: FC<SecretDialogProps> = ({
 								)}
 							</div>
 							<div className="flex items-center">
-								<Separator />
+								<Separator className="flex-1" />
 								<span className="whitespace-nowrap px-3 text-xs text-content-secondary">
 									or add individually
 								</span>
-								<Separator />
+								<Separator className="flex-1" />
 							</div>
 							<SecretFields
 								getFieldHelpers={getFieldHelpers}