From dadcb56f53edf18e5be10b38935711229dd9c814 Mon Sep 17 00:00:00 2001
From: webadderall <131426131+webadderall@users.noreply.github.com>
Date: Sun, 15 Mar 2026 00:40:07 +1100
Subject: [PATCH] fix(hud): prevent close-icon clipping and improve Windows mic
 dropdown contrast

- Expand HUD width so right-side controls stay inside the bar
- Force dark select/option styling for microphone device dropdown readability on Windows
---
 src/components/launch/LaunchWindow.module.css | 9 +++++++++
 src/components/launch/LaunchWindow.tsx        | 4 ++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/launch/LaunchWindow.module.css b/src/components/launch/LaunchWindow.module.css
index b04e4cf6..8e01e553 100644
--- a/src/components/launch/LaunchWindow.module.css
+++ b/src/components/launch/LaunchWindow.module.css
@@ -40,3 +40,12 @@
   opacity: 0.7;
   background: none !important;
 }
+
+.micSelect {
+  color-scheme: dark;
+}
+
+.micSelect option {
+  background-color: #131722;
+  color: #e5e7eb;
+}
diff --git a/src/components/launch/LaunchWindow.tsx b/src/components/launch/LaunchWindow.tsx
index 185537e2..2b97f4c9 100644
--- a/src/components/launch/LaunchWindow.tsx
+++ b/src/components/launch/LaunchWindow.tsx
@@ -164,7 +164,7 @@ export function LaunchWindow() {
                 setSelectedDeviceId(event.target.value);
                 setMicrophoneDeviceId(event.target.value);
               }}
-              className="max-w-[230px] rounded-full border border-white/15 bg-white/10 px-3 py-1 text-xs text-white outline-none"
+              className={`max-w-[230px] rounded-full border border-white/15 bg-[#131722] px-3 py-1 text-xs text-slate-100 outline-none ${styles.micSelect}`}
             >
               {devices.map((device) => (
                 <option key={device.deviceId} value={device.deviceId}>
@@ -177,7 +177,7 @@ export function LaunchWindow() {
         )}
 
         <div
-          className={`w-full max-w-[500px] mx-auto flex items-center gap-1.5 px-3 py-2 ${styles.electronDrag} ${styles.hudBar}`}
+          className={`w-full max-w-[560px] mx-auto flex items-center gap-1.5 px-3 py-2 ${styles.electronDrag} ${styles.hudBar}`}
           style={{
             borderRadius: 9999,
             background: "linear-gradient(135deg, rgba(28,28,36,0.97) 0%, rgba(18,18,26,0.96) 100%)",