diff --git a/web/src/views/SettingsView.vue b/web/src/views/SettingsView.vue
index 85922bb..2233533 100644
--- a/web/src/views/SettingsView.vue
+++ b/web/src/views/SettingsView.vue
@@ -27,7 +27,7 @@
             :class="[
               'flex-1 px-4 py-3 rounded border text-sm transition-colors text-left',
               prefs.entry_point_style === opt.value
-                ? 'border-accent bg-accent/10 text-accent'
+                ? 'border-accent bg-accent-muted text-accent'
                 : 'border-surface-border text-text-muted hover:text-text-primary hover:border-accent'
             ]"
           >
@@ -112,7 +112,7 @@
             :class="[
               'flex-1 px-4 py-3 rounded border text-sm transition-colors text-left',
               prefs.tech_level === opt.value
-                ? 'border-accent bg-accent/10 text-accent'
+                ? 'border-accent bg-accent-muted text-accent'
                 : 'border-surface-border text-text-muted hover:text-text-primary hover:border-accent'
             ]"
           >
@@ -146,7 +146,7 @@
               ]"
               :title="rule.enabled ? 'Enabled — click to disable' : 'Disabled — click to enable'"
             >
-              <span :class="['absolute top-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform', rule.enabled ? 'translate-x-4' : 'translate-x-0.5']"></span>
+              <span :class="['absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform', rule.enabled ? 'translate-x-4' : 'translate-x-0']"></span>
             </button>
             <div class="flex-1 min-w-0">
               <div class="flex items-center gap-2 flex-wrap">