From cfd8fa49615fdde966ca9e889463f9e48d1b2502 Mon Sep 17 00:00:00 2001
From: James Long <17031+jlongster@users.noreply.github.com>
Date: Thu, 30 Jul 2026 16:42:44 +0000
Subject: [PATCH] fix(tui): align hunk header inset

---
 packages/tui/src/component/patch-diff.tsx       | 2 +-
 packages/tui/test/component/patch-diff.test.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/tui/src/component/patch-diff.tsx b/packages/tui/src/component/patch-diff.tsx
index dd12258c37..c8a2467461 100644
--- a/packages/tui/src/component/patch-diff.tsx
+++ b/packages/tui/src/component/patch-diff.tsx
@@ -55,7 +55,7 @@ export function PatchDiff(props: Props) {
           <Show when={index() > 0}>
             <box width="100%" height={1} backgroundColor={local.lineNumberBg}>
               <text fg={local.hunkFg} bg={local.lineNumberBg}>
-                {hunk.header ?? ""}
+                {` ${hunk.header ?? ""}`}
               </text>
             </box>
           </Show>
diff --git a/packages/tui/test/component/patch-diff.test.tsx b/packages/tui/test/component/patch-diff.test.tsx
index 87690c66b7..a47ba72bbf 100644
--- a/packages/tui/test/component/patch-diff.test.tsx
+++ b/packages/tui/test/component/patch-diff.test.tsx
@@ -50,8 +50,8 @@ test("renders separate diff nodes with a full-width hunk row", async () => {
   const secondLine = frame.split("\n").find((line) => line.includes("const second")) ?? ""
   const background = parseColor("#222222")
 
-  expect(header?.startsWith("@@ -20,3 +20,3 @@")).toBe(true)
-  expect(header?.trimEnd()).toBe("@@ -20,3 +20,3 @@")
+  expect(header?.startsWith(" @@ -20,3 +20,3 @@")).toBe(true)
+  expect(header?.trimEnd()).toBe(" @@ -20,3 +20,3 @@")
   expect(
     app
       .captureSpans()