From 370d5b8d8a838c0582422b05a3704239692bd9c2 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Fri, 19 Dec 2025 15:49:05 +0900
Subject: [PATCH] style(ui): remove focus ring and shadow from select inputs

---
 apps/desktop/src/components/settings/ai/llm/select.tsx        | 2 +-
 .../src/components/settings/ai/shared/model-combobox.tsx      | 4 +++-
 apps/desktop/src/components/settings/ai/stt/select.tsx        | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/desktop/src/components/settings/ai/llm/select.tsx b/apps/desktop/src/components/settings/ai/llm/select.tsx
index f1cb281485..b0594981fc 100644
--- a/apps/desktop/src/components/settings/ai/llm/select.tsx
+++ b/apps/desktop/src/components/settings/ai/llm/select.tsx
@@ -107,7 +107,7 @@ export function SelectProviderAndModel() {
                   value={field.state.value}
                   onValueChange={(value) => field.handleChange(value)}
                 >
-                  <SelectTrigger className="bg-white">
+                  <SelectTrigger className="bg-white shadow-none focus:ring-0">
                     <SelectValue placeholder="Select a provider" />
                   </SelectTrigger>
                   <SelectContent>
diff --git a/apps/desktop/src/components/settings/ai/shared/model-combobox.tsx b/apps/desktop/src/components/settings/ai/shared/model-combobox.tsx
index fffef69b33..b0126899eb 100644
--- a/apps/desktop/src/components/settings/ai/shared/model-combobox.tsx
+++ b/apps/desktop/src/components/settings/ai/shared/model-combobox.tsx
@@ -120,7 +120,9 @@ export function ModelCombobox({
           role="combobox"
           disabled={disabled || isLoadingModels}
           aria-expanded={open}
-          className={cn(["w-full justify-between font-normal bg-white"])}
+          className={cn([
+            "w-full justify-between font-normal bg-white shadow-none focus-visible:ring-0",
+          ])}
         >
           {value && value.length > 0 ? (
             <span className="truncate">{value}</span>
diff --git a/apps/desktop/src/components/settings/ai/stt/select.tsx b/apps/desktop/src/components/settings/ai/stt/select.tsx
index 382700e6cf..d1920c655f 100644
--- a/apps/desktop/src/components/settings/ai/stt/select.tsx
+++ b/apps/desktop/src/components/settings/ai/stt/select.tsx
@@ -100,7 +100,7 @@ export function SelectProviderAndModel() {
                   value={field.state.value}
                   onValueChange={(value) => field.handleChange(value)}
                 >
-                  <SelectTrigger className="bg-white">
+                  <SelectTrigger className="bg-white shadow-none focus:ring-0">
                     <SelectValue placeholder="Select a provider" />
                   </SelectTrigger>
                   <SelectContent>
@@ -187,7 +187,7 @@ export function SelectProviderAndModel() {
                     onValueChange={(value) => field.handleChange(value)}
                     disabled={models.length === 0}
                   >
-                    <SelectTrigger className="bg-white">
+                    <SelectTrigger className="bg-white shadow-none focus:ring-0">
                       <SelectValue placeholder="Select a model" />
                     </SelectTrigger>
                     <SelectContent>