From 0be2852af28699994397cc5da188c4a7efc635c8 Mon Sep 17 00:00:00 2001
From: diegosouzapw <diegosouzapw@users.noreply.github.com>
Date: Fri, 13 Feb 2026 19:22:09 -0300
Subject: [PATCH] fix(ui): fix Select dropdown dark theme inconsistency

Use bg-surface (theme-aware) instead of bg-white for select and
option elements. Prevents white dropdown panels in dark mode.
---
 src/shared/components/Select.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/shared/components/Select.js b/src/shared/components/Select.js
index 0f677b3e33..2e6d66d032 100644
--- a/src/shared/components/Select.js
+++ b/src/shared/components/Select.js
@@ -48,7 +48,7 @@ export default function Select({
           aria-describedby={describedBy}
           className={cn(
             "w-full py-2 px-3 pr-10 text-sm text-text-main",
-            "bg-white dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-md appearance-none",
+            "bg-surface border border-black/10 dark:border-white/10 rounded-md appearance-none",
             "focus:ring-1 focus:ring-primary/30 focus:border-primary/50 focus:outline-none",
             "transition-all disabled:opacity-50 disabled:cursor-not-allowed",
             "text-[16px] sm:text-sm",
@@ -57,11 +57,11 @@ export default function Select({
           )}
           {...props}
         >
-          <option value="" disabled>
+          <option value="" disabled className="bg-surface text-text-muted">
             {placeholder}
           </option>
           {options.map((option) => (
-            <option key={option.value} value={option.value}>
+            <option key={option.value} value={option.value} className="bg-surface text-text-main">
               {option.label}
             </option>
           ))}