diff --git a/packages/ui/components/form/switch/Switch.tsx b/packages/ui/components/form/switch/Switch.tsx index 89d04d8c95..fc05b76950 100644 --- a/packages/ui/components/form/switch/Switch.tsx +++ b/packages/ui/components/form/switch/Switch.tsx @@ -65,8 +65,8 @@ export const Switch = ( className={cx( "bg-default data-[state=checked]:bg-brand-accent shadow-switch-thumb pointer-events-none block rounded-full shadow-lg ring-0 transition-transform", size === "sm" - ? "h-3 w-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0" - : "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0", + ? "h-3 w-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0 rtl:data-[state=checked]:-translate-x-3" + : "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 rtl:data-[state=checked]:-translate-x-5", classNames?.thumb )} />