diff --git a/apps/desktop/src/renderer/src/styles.css b/apps/desktop/src/renderer/src/styles.css
index 68cf39a1..e940d8ad 100644
--- a/apps/desktop/src/renderer/src/styles.css
+++ b/apps/desktop/src/renderer/src/styles.css
@@ -246,6 +246,11 @@
   .settings-slider { @apply h-2 w-full cursor-pointer accent-brand rounded-lg appearance-none bg-blue-200/50 disabled:cursor-not-allowed disabled:opacity-60; }
   .settings-slider::-webkit-slider-thumb { @apply h-5 w-5 -mt-1.5 rounded-full bg-white border-2 border-brand shadow-md cursor-pointer appearance-none; }
   .settings-slider::-moz-range-thumb { @apply h-5 w-5 rounded-full bg-white border-2 border-brand shadow-md cursor-pointer appearance-none; }
+  .settings-slider { -webkit-appearance: none; appearance: none; }
+  .settings-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 20px; width: 20px; margin-top: -6px; border-radius: 9999px; background: #ffffff; border: 2px solid #2563eb; box-shadow: 0 1px 3px rgba(0,0,0,0.2); cursor: pointer; }
+  .settings-slider::-moz-range-thumb { appearance: none; height: 20px; width: 20px; border-radius: 9999px; background: #ffffff; border: 2px solid #2563eb; box-shadow: 0 1px 3px rgba(0,0,0,0.2); cursor: pointer; }
+  .settings-slider::-webkit-slider-runnable-track { height: 8px; border-radius: 8px; }
+  .settings-slider::-moz-range-track { height: 8px; border-radius: 8px; }
 
   .settings-system-footer { @apply mt-2 flex items-center justify-between gap-4 p-4 rounded-2xl bg-blue-50/40 border border-blue-100/50; }
   .settings-system-info { @apply flex items-center gap-3 text-xs font-bold text-slatecopy; }