From ece9f2f8584558f007c84a02153a0c8f625e42d4 Mon Sep 17 00:00:00 2001
From: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>
Date: Tue, 22 Sep 2026 17:40:01 -0700
Subject: [PATCH] refactor(ui): reuse icon button for chat file removal

---
 .../[workspaceId]/w/[workflowId]/components/chat/chat.tsx      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/chat.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/chat.tsx
index d6a91f24477..2dff953adcd 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/chat.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/chat.tsx
@@ -138,11 +138,12 @@ function ChatFilePreview({ file, onRemove }: ChatFilePreviewProps) {
       <Button
         aria-label='Remove file'
         variant='ghost'
+        size='icon'
         onClick={(event) => {
           event.stopPropagation()
           onRemove(file.id)
         }}
-        className='absolute top-0.5 right-0.5 size-4 p-0 opacity-0 transition-opacity group-hover:opacity-100'
+        className='absolute top-0.5 right-0.5 opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100'
       >
         <X className='size-2.5' />
       </Button>