diff --git a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
index 62d1ffeecf..db008ce934 100644
--- a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
+++ b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
@@ -554,13 +554,13 @@ export function QuickAddAgentPopover({
                       className="shrink-0"
                     >
                       <Toggle
-                        className="h-8 rounded-full px-3 text-xs"
+                        className="h-6 rounded-full px-2.5 text-[11px]"
                         onPressedChange={(pressed) =>
                           handleTeamToggle(team, pressed)
                         }
                         pressed={selectedTeamIds.has(team.id)}
                         size="sm"
-                        variant="outline"
+                        variant="subtle"
                       >
                         {team.name}
                       </Toggle>
diff --git a/desktop/src/shared/ui/toggle.tsx b/desktop/src/shared/ui/toggle.tsx
index 5a629e4b00..4b227f2880 100644
--- a/desktop/src/shared/ui/toggle.tsx
+++ b/desktop/src/shared/ui/toggle.tsx
@@ -12,6 +12,8 @@ const toggleVariants = cva(
         default: "bg-transparent",
         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",
       },
       size: {
         default: "h-9 px-3 min-w-9",