From 4b64bff11beb2fa48c969621f1ec5db232de11e6 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Fri, 23 Jan 2026 20:57:09 +0000
Subject: [PATCH] fix(app): add 8px gap before close icon and truncate long
 filenames

---
 packages/app/src/components/prompt-input.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx
index fec8a892e..ac69535f7 100644
--- a/packages/app/src/components/prompt-input.tsx
+++ b/packages/app/src/components/prompt-input.tsx
@@ -1691,10 +1691,10 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                       tabs().open("review")
                     }}
                   >
-                    <div class="flex items-center gap-1.5">
+                    <div class="flex items-center gap-2">
                       <FileIcon node={{ path: item.path, type: "file" }} class="shrink-0 size-3.5" />
                       <div
-                        class="flex-1 flex items-center text-11-regular min-w-0"
+                        class="flex-1 flex items-center text-11-regular min-w-0 truncate"
                         style={{ "font-weight": "var(--font-weight-medium)" }}
                       >
                         <span class="text-text-weak whitespace-nowrap truncate min-w-0">{getDirectory(item.path)}</span>
@@ -1723,7 +1723,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                       />
                     </div>
                     <Show when={item.comment}>
-                      {(comment) => <div class="text-11-regular text-text-strong ml-5 truncate">{comment()}</div>}
+                      {(comment) => <div class="text-11-regular text-text-strong ml-5 pr-1 truncate">{comment()}</div>}
                     </Show>
                   </div>
                 )