From ff513e9cdcc3d4ef39cfe78958e7c94402396e6d Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Wed, 20 May 2026 21:54:51 -0700
Subject: [PATCH] Fix Select button: ghost+border for transparent bg, no
 bg-background clash

The outline variant includes bg-background which creates a visible
contrast block against bg-popover. Use ghost variant with explicit
border-input border for a truly transparent-bg outlined button.
---
 desktop/src/features/channels/ui/QuickAddAgentPopover.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
index 4bd0626a68..19c2a21cf9 100644
--- a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
+++ b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
@@ -546,6 +546,11 @@ export function QuickAddAgentPopover({
             {usableTeams.length > 0 ? (
               <div className="ml-auto flex shrink-0 items-center pl-2">
                 <Button
+                  className={
+                    selectMode
+                      ? undefined
+                      : "border border-input bg-transparent"
+                  }
                   onClick={() => {
                     if (selectMode) {
                       handleCancelSelect();
@@ -555,7 +560,7 @@ export function QuickAddAgentPopover({
                   }}
                   size="sm"
                   type="button"
-                  variant={selectMode ? "default" : "outline"}
+                  variant={selectMode ? "default" : "ghost"}
                 >
                   Select
                 </Button>