From b83e8f4af8cc0f920fe7397d5bb533154f69793b Mon Sep 17 00:00:00 2001
From: Sajad Mirjalili <sajadmrjll@gmail.com>
Date: Mon, 29 Sep 2025 16:27:56 +0330
Subject: [PATCH] fix: otp login styles for mobile, get farsi numbers as input

---
 src/components/DigitsInput.tsx                                  | 2 +-
 .../components/AuthenticationSteps/OtpVerifyForm.tsx            | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/DigitsInput.tsx b/src/components/DigitsInput.tsx
index bb90c61..f009b82 100644
--- a/src/components/DigitsInput.tsx
+++ b/src/components/DigitsInput.tsx
@@ -119,7 +119,7 @@ const DigitInput: React.FC<DigitInputProps> = ({
           variant="standard"
           size="medium"
           sx={{
-            width: '83px',
+            width: { md: '83px', xs: '20%' },
           }}
         />
       ))}
diff --git a/src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx b/src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx
index edb287b..8027ed1 100644
--- a/src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx
+++ b/src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx
@@ -191,7 +191,6 @@ export function OtpVerifyForm({
               flexDirection: 'row',
               alignItems: 'center',
               justifyContent: 'space-between',
-              gap: 4,
               mb: 0.5,
             }}
           >