diff --git a/src/client/components/baseComponents/setting/SettingSelect.ts b/src/client/components/baseComponents/setting/SettingSelect.ts
index c9e043dab..c36a8e1d7 100644
--- a/src/client/components/baseComponents/setting/SettingSelect.ts
+++ b/src/client/components/baseComponents/setting/SettingSelect.ts
@@ -37,9 +37,9 @@ export class SettingSelect extends LitElement {
   render() {
     return html`
       <div
-        class="flex flex-row items-center justify-between w-full p-4 bg-white/5 border border-white/10 rounded-xl hover:bg-white/10 transition-all gap-4"
+        class="flex flex-col w-full p-4 bg-white/5 border border-white/10 rounded-xl hover:bg-white/10 transition-all gap-3"
       >
-        <div class="flex flex-col flex-1 min-w-0 mr-4">
+        <div class="flex flex-col min-w-0">
           <label
             class="text-white font-bold text-base block mb-1"
             for="setting-select-input"
@@ -49,7 +49,7 @@ export class SettingSelect extends LitElement {
             ${this.description}
           </div>
         </div>
-        <div class="relative shrink-0 w-[200px]">
+        <div class="relative w-full">
           <select
             id="setting-select-input"
             class="w-full appearance-none py-2 pl-3 pr-9 border border-white/20 rounded-lg bg-black/40 text-white font-mono text-sm focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-all"