From 04efcbcdb66d44d7744cab8f2c3c1f7cbabef6f7 Mon Sep 17 00:00:00 2001
From: Anshumancanrock <109489361+Anshumancanrock@users.noreply.github.com>
Date: Fri, 5 Sep 2025 18:57:23 +0530
Subject: [PATCH] fix: Switch component thumb positioning in RTL languages
 (#23600)

* Arabic RTL UI Fix

* optimal approach
---
 packages/ui/components/form/switch/Switch.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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
             )}
           />