fix(clerk-js): Enforce LTR direction in code inputs (#1873)

clerk · Oct 13, 2023 · e67fcfe · e67fcfe
1 parent 9314862
commit e67fcfe
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/metal-lizards-build.md b/.changeset/metal-lizards-build.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Enforce LTR direction in code inputs
diff --git a/packages/clerk-js/src/ui/elements/CodeControl.tsx b/packages/clerk-js/src/ui/elements/CodeControl.tsx
@@ -177,6 +177,7 @@ export const CodeControl = React.forwardRef<{ reset: any }, CodeControlProps>((p
         elementDescriptor={descriptors.otpCodeFieldInputs}
         gap={2}
         align='center'
+        sx={{ direction: 'ltr', width: 'max-content' }}
       >
         {values.map((value, index: number) => (
           <SingleCharInput