diff --git a/src/components/ui/Toggle.tsx b/src/components/ui/Toggle.tsx
index c9a6c02..f5e8926 100644
--- a/src/components/ui/Toggle.tsx
+++ b/src/components/ui/Toggle.tsx
@@ -6,18 +6,21 @@ interface ToggleProps {
   checked: boolean;
   onChange: (checked: boolean) => void;
   className?: string;
+  disabled?: boolean;
 }
 
-export function Toggle({ checked, onChange, className }: ToggleProps) {
+export function Toggle({ checked, onChange, className, disabled }: ToggleProps) {
   return (
     <button
       type="button"
       role="switch"
       aria-checked={checked}
-      onClick={() => onChange(!checked)}
+      disabled={disabled}
+      onClick={() => !disabled && onChange(!checked)}
       className={cn(
         'relative w-11 h-6 rounded-full transition-colors duration-150 ease-in-out',
         checked ? 'bg-[var(--color-primary)]' : 'bg-[var(--color-border)]',
+        disabled && 'opacity-50 cursor-not-allowed',
         className
       )}
     >