diff --git a/src/components/ui/toggle/toggle.tsx b/src/components/ui/toggle/toggle.tsx
index 8af02fa45..681633069 100644
--- a/src/components/ui/toggle/toggle.tsx
+++ b/src/components/ui/toggle/toggle.tsx
@@ -30,9 +30,9 @@ const Toggle: React.FC<IToggle> = ({ id, size = 'md', name, checked = false, onC
     >
       <div className={clsx('rounded-full bg-white transition-transform', {
         'h-4.5 w-4.5': size === 'sm',
-        'translate-x-3.5': size === 'sm' && checked,
+        'translate-x-3.5 rtl:-translate-x-3.5': size === 'sm' && checked,
         'h-6 w-6': size === 'md',
-        'translate-x-4': size === 'md' && checked,
+        'translate-x-4 rtl:-translate-x-4': size === 'md' && checked,
       })}
       />