From 82f9a4c691f6d921769a05fb92d27a7f88524b37 Mon Sep 17 00:00:00 2001
From: Danielle Maywood <danielle@themaywoods.com>
Date: Wed, 25 Mar 2026 13:07:04 +0000
Subject: [PATCH] fix: center X icon in agent chat chip close buttons (#23580)

---
 site/src/pages/AgentsPage/components/AgentChatInput.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/site/src/pages/AgentsPage/components/AgentChatInput.tsx b/site/src/pages/AgentsPage/components/AgentChatInput.tsx
index 250531de2f..45425ded77 100644
--- a/site/src/pages/AgentsPage/components/AgentChatInput.tsx
+++ b/site/src/pages/AgentsPage/components/AgentChatInput.tsx
@@ -1044,10 +1044,10 @@ export const AgentChatInput: FC<AgentChatInputProps> = ({
 								<button
 									type="button"
 									onClick={() => onWorkspaceChange(null)}
-									className="ml-0.5 cursor-pointer rounded-full border-0 bg-transparent p-0.5 text-content-secondary transition-colors hover:bg-surface-tertiary hover:text-content-primary"
+									className="ml-0.5 inline-flex cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0.5 text-content-secondary transition-colors hover:bg-surface-tertiary hover:text-content-primary"
 									aria-label={`Remove workspace ${selectedWorkspace.name}`}
 								>
-									<XIcon className="size-3" />
+									<XIcon className="!size-2.5" />
 								</button>
 							</span>
 						)}
@@ -1072,10 +1072,10 @@ export const AgentChatInput: FC<AgentChatInputProps> = ({
 										<button
 											type="button"
 											onClick={() => handleMcpToggle(server.id, false)}
-											className="ml-0.5 cursor-pointer rounded-full border-0 bg-transparent p-0.5 text-content-secondary transition-colors hover:bg-surface-tertiary hover:text-content-primary"
+											className="ml-0.5 inline-flex cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0.5 text-content-secondary transition-colors hover:bg-surface-tertiary hover:text-content-primary"
 											aria-label={`Remove ${server.display_name}`}
 										>
-											<XIcon className="size-3" />
+											<XIcon className="!size-2.5" />
 										</button>
 									)}
 								</span>