From f4a2a00b5ffdeab8a8ba20a59f3489c3a0059b12 Mon Sep 17 00:00:00 2001
From: Shy Alter <puemos@users.noreply.github.com>
Date: Wed, 22 Jul 2026 10:30:17 +0200
Subject: [PATCH] Fix Home "Running" strip cards clipped on hover

The cards in the Home "Running" agents strip lift up on hover (hover:-translate-y-px + hover:shadow-sm), but they sat flush against the top of the horizontal ScrollArea, which clips vertical overflow. On hover the card's top edge and title text were cropped.

Add top padding (pt-1) to the scroll content so the lifted card and its shadow stay inside the ScrollArea's clip box, preserving the hover affordance.

Generated-By: PostHog Code
Task-Id: 97ebead6-4f61-4859-908e-a2048e74180e
---
 .../ui/src/features/home/components/HomeActiveAgentsStrip.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/features/home/components/HomeActiveAgentsStrip.tsx b/packages/ui/src/features/home/components/HomeActiveAgentsStrip.tsx
index eee25d0fc2..76d20524ac 100644
--- a/packages/ui/src/features/home/components/HomeActiveAgentsStrip.tsx
+++ b/packages/ui/src/features/home/components/HomeActiveAgentsStrip.tsx
@@ -30,7 +30,7 @@ export function HomeActiveAgentsStrip({ agents }: HomeActiveAgentsStripProps) {
         </Text>
       </Flex>
       <ScrollArea scrollbars="horizontal">
-        <Flex gap="2" className="pb-1">
+        <Flex gap="2" className="pt-1 pb-1">
           {agents.map((agent) => {
             const task = taskById.get(agent.taskId);
             const dotColor = agent.needsPermission