From 09315ddc4f0a802db8a0344561d94fbfa3f96f70 Mon Sep 17 00:00:00 2001
From: abderbj <115119179+abderbj@users.noreply.github.com>
Date: Sun, 4 Oct 2026 00:59:15 +0100
Subject: [PATCH] fix(web): center the icon in thread details panel icon chips

Panel controls lay out with `inline-flex items-center` and never reach the
`Button` base class that adds `justify-center`, so the 14px icon in a 24px
`part="icon"` chip sat at the left edge and the hover fill ran past it on the
right. Center the chip's content in its shared class, which also covers the
Automations manage, edit and run buttons.
---
 apps/web/src/components/chat/threadDetailsPanelStyles.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/chat/threadDetailsPanelStyles.ts b/apps/web/src/components/chat/threadDetailsPanelStyles.ts
index 523a97f3acac..e491c6ea2adc 100644
--- a/apps/web/src/components/chat/threadDetailsPanelStyles.ts
+++ b/apps/web/src/components/chat/threadDetailsPanelStyles.ts
@@ -38,7 +38,8 @@ export const THREAD_DETAILS_PANEL_ICON_CLASS = "size-4 shrink-0 text-muted-foreg
 
 export const THREAD_DETAILS_PANEL_CHEVRON_CLASS = "size-4 shrink-0 text-muted-foreground";
 
-export const THREAD_DETAILS_PANEL_ICON_ACTION_CLASS = `size-6 rounded-md border-transparent bg-transparent p-0 sm:size-6 ${THREAD_DETAILS_PANEL_ROW_SURFACE_CLASS}`;
+/** Panel controls lay out `inline-flex items-center` only, so the square icon chip centers its icon itself. */
+export const THREAD_DETAILS_PANEL_ICON_ACTION_CLASS = `size-6 justify-center rounded-md border-transparent bg-transparent p-0 sm:size-6 ${THREAD_DETAILS_PANEL_ROW_SURFACE_CLASS}`;
 
 export const THREAD_DETAILS_PANEL_SPLIT_GROUP_CLASS = `group/thread-details-action flex w-full items-center rounded-lg ${THREAD_DETAILS_PANEL_SPLIT_GROUP_SURFACE_CLASS}`;