From 69bf8ffdf15b4d3430fe6b5531b885f31f29117d Mon Sep 17 00:00:00 2001
From: Marco Beretta <81851188+berry-13@users.noreply.github.com>
Date: Sun, 23 Aug 2026 16:36:01 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=8F=20fix:=20Size=20Agent=20Builder=20?=
 =?UTF-8?q?Tool=20and=20Skill=20Rows=20(#15134)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The info and remove buttons on each Tools/Skills row passed `size-6 p-0`
through className without a `size` prop. tailwind-merge 1.14.0 has no
`size-*` group, so `size-6` never conflicted with the default size
variant's `h-10 px-4 py-2` and the buttons rendered at 40px. Because they
sit at opacity-0 until hover, the rows read as 52px of mostly empty
padding.

Pass size="icon-xs" so the recipe replaces the default outright. Rows go
from 52px to 40px.
---
 client/src/components/SidePanel/Agents/Tools/ToolRow.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/SidePanel/Agents/Tools/ToolRow.tsx b/client/src/components/SidePanel/Agents/Tools/ToolRow.tsx
index 1095f1132a..ef8d3131f3 100644
--- a/client/src/components/SidePanel/Agents/Tools/ToolRow.tsx
+++ b/client/src/components/SidePanel/Agents/Tools/ToolRow.tsx
@@ -81,12 +81,13 @@ function ToolRowImpl({ item, onInfo, onRemove }: Props) {
       >
         <Button
           variant="ghost"
+          size="icon-xs"
           onClick={() => onInfo(item)}
           aria-label={
             configurable ? localize('com_ui_tools_configure') : localize('com_ui_tools_info')
           }
           className={cn(
-            'size-6 rounded-md p-0 text-text-secondary',
+            'rounded-md text-text-secondary',
             'hover:text-text-secondary focus-visible:opacity-100',
           )}
         >
@@ -94,10 +95,11 @@ function ToolRowImpl({ item, onInfo, onRemove }: Props) {
         </Button>
         <Button
           variant="ghost"
+          size="icon-xs"
           onClick={() => onRemove(item)}
           aria-label={localize('com_ui_tools_remove')}
           className={cn(
-            'size-6 rounded-md p-0 text-text-secondary',
+            'rounded-md text-text-secondary',
             'hover:text-text-secondary focus-visible:opacity-100',
           )}
         >