From b01411543d944bb0e84b966fe33bdb10aae12b7c Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Wed, 20 May 2026 23:00:19 -0700
Subject: [PATCH] Add bg-primary/10 to subtle toggle selected state, fix row
 spacing

- Subtle variant pressed: bg-primary/10 tint behind the colored border
- Toggle row: pt-0.5 pb-1 to balance spacing (was more above than below)
---
 desktop/src/features/channels/ui/QuickAddAgentPopover.tsx | 2 +-
 desktop/src/shared/ui/toggle.tsx                          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
index dfd32c844a..56bda9aedd 100644
--- a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
+++ b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
@@ -534,7 +534,7 @@ export function QuickAddAgentPopover({
             {selectMode ? (
               <motion.div
                 key="team-row"
-                className="relative border-b px-3 py-1"
+                className="relative border-b px-3 pb-1 pt-0.5"
                 initial={{ height: 0, opacity: 0 }}
                 animate={{ height: "auto", opacity: 1 }}
                 exit={{ height: 0, opacity: 0 }}
diff --git a/desktop/src/shared/ui/toggle.tsx b/desktop/src/shared/ui/toggle.tsx
index 11b69597b0..aec80a8c85 100644
--- a/desktop/src/shared/ui/toggle.tsx
+++ b/desktop/src/shared/ui/toggle.tsx
@@ -13,7 +13,7 @@ const toggleVariants = cva(
         outline:
           "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
         subtle:
-          "border border-input bg-transparent data-[state=on]:!bg-transparent data-[state=on]:border-primary data-[state=on]:!text-foreground",
+          "border border-input bg-transparent data-[state=on]:bg-primary/10 data-[state=on]:border-primary data-[state=on]:!text-foreground",
       },
       size: {
         default: "h-9 px-3 min-w-9",