From 8a6530e480282124a498faa7a1f762babf3c2571 Mon Sep 17 00:00:00 2001
From: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>
Date: Tue, 22 Sep 2026 17:26:29 -0700
Subject: [PATCH] refactor(ui): use shared icon buttons in card headers

---
 .../knowledge-tag-filters/knowledge-tag-filters.tsx           | 4 ++--
 .../w/[workflowId]/components/variables/variables.tsx         | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/knowledge-tag-filters/knowledge-tag-filters.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/knowledge-tag-filters/knowledge-tag-filters.tsx
index dc4e6b62c34..bd5e8b0dbf0 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/knowledge-tag-filters/knowledge-tag-filters.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/knowledge-tag-filters/knowledge-tag-filters.tsx
@@ -252,24 +252,24 @@ export function KnowledgeTagFilters({
     <>
       <Button
         variant='ghost'
+        size='icon'
         onClick={(e) => {
           e.stopPropagation()
           addFilter()
         }}
         disabled={isReadOnly}
-        className='h-auto p-0'
       >
         <Plus className='size-[14px]' />
         <span className='sr-only'>Add Filter</span>
       </Button>
       <Button
         variant='ghost-destructive'
+        size='icon'
         onClick={(e) => {
           e.stopPropagation()
           removeFilter(filter.id)
         }}
         disabled={isReadOnly}
-        className='h-auto p-0'
       >
         <Trash className='size-[14px]' />
         <span className='sr-only'>Delete Filter</span>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/variables/variables.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/variables/variables.tsx
index 61ca1967060..34175fed4b2 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/variables/variables.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/variables/variables.tsx
@@ -453,11 +453,11 @@ export function Variables({ readOnly = false }: VariablesProps) {
                   actions={
                     <Button
                       variant='ghost-destructive'
+                      size='icon'
                       onClick={(e) => {
                         e.stopPropagation()
                         handleRemoveVariable(variable.id)
                       }}
-                      className='h-auto p-0'
                       disabled={readOnly}
                       aria-label={`Delete ${variable.name || `variable ${index + 1}`}`}
                     >