From 6f10a68046507b82165183a1c7d041770d45387a Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 10 Oct 2023 15:34:02 -0500
Subject: [PATCH] Fix RTL Toggle Fixes
 https://gitlab.com/soapbox-pub/soapbox/-/issues/1462

---
 src/components/ui/toggle/toggle.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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