diff --git a/src/components/chat/ChatWidget.tsx b/src/components/chat/ChatWidget.tsx
index ff35542..177e2aa 100644
--- a/src/components/chat/ChatWidget.tsx
+++ b/src/components/chat/ChatWidget.tsx
@@ -881,8 +881,8 @@ function ToggleRow({ icon, label, checked, onChange }: {
       <span className="text-slate-500 shrink-0">{icon}</span>
       <span className="flex-1 text-sm text-slate-700 dark:text-slate-300 leading-tight">{label}</span>
       <button onClick={() => onChange(!checked)}
-        className={cn('relative w-10 h-5 rounded-full transition-colors shrink-0', checked ? 'bg-brand-600' : 'bg-slate-300 dark:bg-slate-600')}>
-        <span className={cn('absolute top-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform', checked ? 'translate-x-5' : 'translate-x-0.5')} />
+        className={cn('relative w-10 h-5 rounded-full transition-colors shrink-0 overflow-hidden', checked ? 'bg-brand-600' : 'bg-slate-300 dark:bg-slate-600')}>
+        <span className={cn('absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform', checked ? 'translate-x-5' : 'translate-x-0')} />
       </button>
     </div>
   )