diff --git a/src/app/(dashboard)/dashboard/combos/page.tsx b/src/app/(dashboard)/dashboard/combos/page.tsx
index 483c13de89..445366fb50 100644
--- a/src/app/(dashboard)/dashboard/combos/page.tsx
+++ b/src/app/(dashboard)/dashboard/combos/page.tsx
@@ -1737,15 +1737,15 @@ function ComboCard({
                 value={compressionOverride}
                 onChange={(e) => handleCompressionOverrideChange(e.target.value)}
                 disabled={isSavingCompression}
-                className="text-xs py-1 px-2 rounded border border-black/10 dark:border-white/10 bg-white dark:bg-bg-main text-text-main focus:border-primary focus:outline-none transition-colors disabled:opacity-50 max-w-[130px] md:max-w-none"
+                className="text-xs py-1 px-2 rounded border border-black/10 dark:border-white/10 bg-surface text-text-main focus:border-primary focus:outline-none transition-colors disabled:opacity-50 max-w-[130px] md:max-w-none"
                 title={t("compressionOverride")}
               >
-                <option value="">Default</option>
-                <option value="off">Off</option>
-                <option value="lite">Lite</option>
-                <option value="standard">Standard</option>
-                <option value="aggressive">Aggressive</option>
-                <option value="ultra">Ultra</option>
+                <option value="" className="bg-surface text-text-main">Default</option>
+                <option value="off" className="bg-surface text-text-main">Off</option>
+                <option value="lite" className="bg-surface text-text-main">Lite</option>
+                <option value="standard" className="bg-surface text-text-main">Standard</option>
+                <option value="aggressive" className="bg-surface text-text-main">Aggressive</option>
+                <option value="ultra" className="bg-surface text-text-main">Ultra</option>
               </select>
             )}
             <button