From 9cf7529a2215095d56aa21716f81b072cf6fa30e Mon Sep 17 00:00:00 2001
From: George Pickett <gpickett00@gmail.com>
Date: Sat, 21 Feb 2026 14:25:34 -0800
Subject: [PATCH] Fix gateway menu transparency

---
 src/app/globals.css                          | 4 ++++
 src/features/agents/components/HeaderBar.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index fdb959d..c486343 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -694,6 +694,10 @@ textarea:focus::-webkit-scrollbar {
     0 1px 2px color-mix(in oklch, var(--foreground) 10%, transparent);
 }
 
+.ui-menu-popover {
+  background: var(--popover);
+}
+
 .ui-card-selected {
   border-color: var(--surface-selected-border);
   background: var(--surface-selected);
diff --git a/src/features/agents/components/HeaderBar.tsx b/src/features/agents/components/HeaderBar.tsx
index 9ff18f5..04698f9 100644
--- a/src/features/agents/components/HeaderBar.tsx
+++ b/src/features/agents/components/HeaderBar.tsx
@@ -70,7 +70,7 @@ export const HeaderBar = ({
                 <span className="sr-only">Open studio menu</span>
               </button>
               {menuOpen ? (
-                <div className="ui-card absolute right-0 top-11 z-[260] min-w-44 p-1">
+                <div className="ui-card ui-menu-popover absolute right-0 top-11 z-[260] min-w-44 p-1">
                   <button
                     className="ui-btn-ghost w-full justify-start border-transparent px-3 py-2 text-left text-xs font-medium tracking-normal text-foreground"
                     type="button"