From e682ee62850eef53c0f5442a00677360fbde05a0 Mon Sep 17 00:00:00 2001
From: Noah Rijkaard <noahrijkaard@gmail.com>
Date: Tue, 27 Oct 2026 00:39:14 +0800
Subject: [PATCH] fix(sidebar): stop the workspace details scroll area from
 clipping field focus rings (#31816)

The workspace details dialog body is an overflow-y-auto scroll area, which
also clips horizontally, so the fields' 3px focus ring was cut off on the
left and right. Add -mx-1 px-1 to the container so the ring has room
without shifting the fields.

Fixes #31427
---
 .../src/components/sidebar/WorktreeMetaDialogDraft.tsx         | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/components/sidebar/WorktreeMetaDialogDraft.tsx b/src/renderer/src/components/sidebar/WorktreeMetaDialogDraft.tsx
index a514bd4cc3f..9f910e67a2f 100644
--- a/src/renderer/src/components/sidebar/WorktreeMetaDialogDraft.tsx
+++ b/src/renderer/src/components/sidebar/WorktreeMetaDialogDraft.tsx
@@ -207,7 +207,8 @@ const WorktreeMetaDialogDraft = React.memo(function WorktreeMetaDialogDraft() {
             )}
           </DialogDescription>
         </DialogHeader>
-        <div className="min-h-0 space-y-4 overflow-y-auto scrollbar-sleek">
+        {/* Why: overflow clips the fields' 3px focus ring; -mx-1/px-1 makes room without shifting them. */}
+        <div className="-mx-1 min-h-0 space-y-4 overflow-y-auto px-1 scrollbar-sleek">
           <WorktreeDisplayNameField
             disabled={saving}
             inputRef={displayNameInputRef}