diff --git a/app/soapbox/components/ui/toggle/toggle.tsx b/app/soapbox/components/ui/toggle/toggle.tsx
index e71f34eb8..a92501984 100644
--- a/app/soapbox/components/ui/toggle/toggle.tsx
+++ b/app/soapbox/components/ui/toggle/toggle.tsx
@@ -30,7 +30,7 @@ const Toggle: React.FC<IToggle> = ({ id, size = 'md', name, checked, onChange, r
     >
       <div className={clsx('rounded-full bg-white transition-transform', {
         'h-4.5 w-4.5': size === 'sm',
-        'translate-x-3': size === 'sm' && checked,
+        'translate-x-3.5': size === 'sm' && checked,
         'h-6 w-6': size === 'md',
         'translate-x-4': size === 'md' && checked,
       })}