From 808dd64ef65568b898e84f1654e496861427b19e Mon Sep 17 00:00:00 2001
From: Danielle Maywood <danielle@themaywoods.com>
Date: Fri, 27 Mar 2026 23:09:27 +0000
Subject: [PATCH] fix(site): reduce dropdown menu font size on agents page
 (#23711)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Kayla はな <mckayla@hey.com>
---
 .../pages/AgentsPage/components/AgentDetail/TopBar.tsx |  5 ++++-
 .../AgentsPage/components/Sidebar/AgentsSidebar.tsx    | 10 ++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/AgentsPage/components/AgentDetail/TopBar.tsx b/site/src/pages/AgentsPage/components/AgentDetail/TopBar.tsx
index 83dc404ee7..fa8a0fea94 100644
--- a/site/src/pages/AgentsPage/components/AgentDetail/TopBar.tsx
+++ b/site/src/pages/AgentsPage/components/AgentDetail/TopBar.tsx
@@ -202,7 +202,10 @@ export const AgentDetailTopBar: FC<AgentDetailTopBarProps> = ({
 								<EllipsisIcon className="h-4 w-4" />
 							</Button>
 						</DropdownMenuTrigger>
-						<DropdownMenuContent align="end">
+						<DropdownMenuContent
+							align="end"
+							className="[&_[role=menuitem]]:text-[13px]"
+						>
 							<DropdownMenuItem
 								disabled={!workspace.canOpenEditors}
 								onSelect={() => {
diff --git a/site/src/pages/AgentsPage/components/Sidebar/AgentsSidebar.tsx b/site/src/pages/AgentsPage/components/Sidebar/AgentsSidebar.tsx
index 6b00f6eb8d..86a1b4612f 100644
--- a/site/src/pages/AgentsPage/components/Sidebar/AgentsSidebar.tsx
+++ b/site/src/pages/AgentsPage/components/Sidebar/AgentsSidebar.tsx
@@ -600,7 +600,10 @@ const ChatTreeNode: FC<ChatTreeNodeProps> = ({ chat, isChildNode }) => {
 										<EllipsisIcon className="h-3.5 w-3.5" />
 									</Button>
 								</DropdownMenuTrigger>
-								<DropdownMenuContent align="end">
+								<DropdownMenuContent
+									align="end"
+									className="[&_[role=menuitem]]:text-[13px]"
+								>
 									{!chat.archived && !isChildNode && (
 										<DropdownMenuItem
 											onSelect={() =>
@@ -887,7 +890,10 @@ export const AgentsSidebar: FC<AgentsSidebarProps> = (props) => {
 					<FilterIcon />
 				</Button>
 			</DropdownMenuTrigger>
-			<DropdownMenuContent align="end">
+			<DropdownMenuContent
+				align="end"
+				className="[&_[role=menuitem]]:text-[13px]"
+			>
 				<DropdownMenuItem onSelect={() => onArchivedFilterChange?.("active")}>
 					Active
 					{archivedFilter === "active" && (