From d5f3db1291d9980c219342c79c2a052e022823d4 Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Wed, 20 May 2026 22:55:57 -0700
Subject: [PATCH] fix: colored border-primary on subtle toggle pressed state,
 reduce toggle row py

---
 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 db008ce934..dfd32c844a 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-2"
+                className="relative border-b px-3 py-1"
                 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 4b227f2880..11b69597b0 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-accent-foreground data-[state=on]:!text-accent-foreground",
+          "border border-input bg-transparent data-[state=on]:!bg-transparent data-[state=on]:border-primary data-[state=on]:!text-foreground",
       },
       size: {
         default: "h-9 px-3 min-w-9",