From 50dc009fdf8ce487cf7a56e5f734f78cf4578c3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 1 Mar 2026 08:02:35 +0100
Subject: [PATCH] fix: use bg-popover for search dropdown (glass is
 near-transparent)

---
 components/units/SearchUnits.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/units/SearchUnits.tsx b/components/units/SearchUnits.tsx
index f310224..bf0f3a9 100644
--- a/components/units/SearchUnits.tsx
+++ b/components/units/SearchUnits.tsx
@@ -103,7 +103,7 @@ export default function SearchUnits({ onSelectUnit, className }: SearchUnitsProp
       </div>
 
       {isOpen && results.length > 0 && (
-        <div className="absolute z-50 w-full mt-1.5 glass border border-border/40 rounded-xl shadow-xl max-h-72 overflow-y-auto scrollbar-thin scrollbar-thumb-primary/20 scrollbar-track-transparent">
+        <div className="absolute z-50 w-full mt-1.5 bg-popover border border-border/60 rounded-xl shadow-xl max-h-72 overflow-y-auto scrollbar-thin scrollbar-thumb-primary/20 scrollbar-track-transparent">
           {results.map((result, index) => (
             <button
               key={`${result.measure}-${result.unitInfo.abbr}`}
@@ -131,7 +131,7 @@ export default function SearchUnits({ onSelectUnit, className }: SearchUnitsProp
       )}
 
       {isOpen && query && results.length === 0 && (
-        <div className="absolute z-50 w-full mt-1.5 glass border border-border/40 rounded-xl p-4 text-center">
+        <div className="absolute z-50 w-full mt-1.5 bg-popover border border-border/60 rounded-xl p-4 text-center">
           <p className="text-xs text-muted-foreground/40 font-mono italic">No units found for &quot;{query}&quot;</p>
         </div>
       )}