diff --git a/src/renderer/src/components/dashboard/DashboardAgentRow.tsx b/src/renderer/src/components/dashboard/DashboardAgentRow.tsx
index e8c6cbcea2f..65dc01baca9 100644
--- a/src/renderer/src/components/dashboard/DashboardAgentRow.tsx
+++ b/src/renderer/src/components/dashboard/DashboardAgentRow.tsx
@@ -202,7 +202,7 @@ const DashboardAgentRow = React.memo(function DashboardAgentRow({
     <div
       onClick={handleActivate}
       className={cn(
-        'group relative flex flex-col pr-1.5 py-0.5',
+        'group relative flex flex-col -ml-2 px-2 py-1',
         // Why: hover tints have to go in opposite directions per theme —
         // dark mode adds light on dark (bg-accent/30), light mode needs to
         // add *dark* on white. Alpha-on-accent in light mode collapses to
diff --git a/src/renderer/src/components/sidebar/WorktreeCardAgents.tsx b/src/renderer/src/components/sidebar/WorktreeCardAgents.tsx
index 6c51309fd3c..6c8ac584c40 100644
--- a/src/renderer/src/components/sidebar/WorktreeCardAgents.tsx
+++ b/src/renderer/src/components/sidebar/WorktreeCardAgents.tsx
@@ -130,14 +130,14 @@ const WorktreeCardAgentsBody = React.memo(function WorktreeCardAgentsBody({
     // Why: swallow bubbling so clicks on the gutter around the agent rows
     // don't reach WorktreeCard's activate / edit-meta handlers.
     <div
-      className={cn('flex flex-col mt-1 divide-y divide-border/30', className)}
+      className={cn('flex flex-col mt-1 mb-1 divide-y divide-border/30', className)}
       onClick={stopBubble}
       onDoubleClick={stopBubble}
       role="group"
       aria-label="Agents"
     >
       {agents.map((agent) => (
-        <div key={agent.paneKey} className="py-0.5">
+        <div key={agent.paneKey}>
           <DashboardAgentRow
             agent={agent}
             onDismiss={handleDismissAgent}