From de63e30665841873df46b713a44991a7c5eb7f03 Mon Sep 17 00:00:00 2001
From: Erich Woo <erich.woo@scale.com>
Date: Wed, 8 Jul 2026 19:41:16 -0400
Subject: [PATCH] fix(agentex-ui): stop clipping agent badge hover scale and
 shadow
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The agents-list scroll container uses overflow-y-auto for the max-h-[60vh]
scroll. Because a non-visible overflow on one axis forces the other axis to
clip too, the badges' framer-motion hover scale (1.05), rounded corners, and
selected-state shadow-md were clipped at the container edge — the pill's
resize appeared to poke outside its own box. Add p-2 so the transformed
badge and its shadow render inside the clip boundary.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 agentex-ui/components/agents-list/agents-list.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/agentex-ui/components/agents-list/agents-list.tsx b/agentex-ui/components/agents-list/agents-list.tsx
index 1c6d3c6e..ad048613 100644
--- a/agentex-ui/components/agents-list/agents-list.tsx
+++ b/agentex-ui/components/agents-list/agents-list.tsx
@@ -50,7 +50,7 @@ export function AgentsList({ agents, isLoading = false }: AgentsListProps) {
   return (
     <TooltipProvider delayDuration={200}>
       <motion.div
-        className="mb-2 flex max-h-[60vh] max-w-4xl flex-wrap items-center justify-center gap-2 overflow-y-auto"
+        className="mb-2 flex max-h-[60vh] max-w-4xl flex-wrap items-center justify-center gap-2 overflow-y-auto p-2"
         layout={hasMounted.current}
       >
         {displayedAgents.length > 0 ? (