From b5ee3a6b268c2f8ba4781bdedad71e62755b42e7 Mon Sep 17 00:00:00 2001
From: Mahyar Khanbolooki <mahyarkhn@proton.me>
Date: Tue, 1 Jul 2025 01:58:09 +0330
Subject: [PATCH] fix: input values not centered after irancell font applied

---
 src/components/input/InputField.tsx      | 2 +-
 src/components/input/MultiInputField.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/input/InputField.tsx b/src/components/input/InputField.tsx
index 2fd2950..e86a464 100644
--- a/src/components/input/InputField.tsx
+++ b/src/components/input/InputField.tsx
@@ -19,7 +19,7 @@ function InputField({ onChange, htmlFor, labelText, children, valid = true, clas
             </label>
             <input
                 onChange={onChange}
-                className='py-2.5 text-base w-full outline-0 !leading-6'
+                className='py-2.5 pt-3.5 text-base w-full outline-0 !leading-6'
                 id={htmlFor}
                 {...inputProps} />
             {children}
diff --git a/src/components/input/MultiInputField.tsx b/src/components/input/MultiInputField.tsx
index 7d2e9fa..83cc446 100644
--- a/src/components/input/MultiInputField.tsx
+++ b/src/components/input/MultiInputField.tsx
@@ -66,7 +66,7 @@ function OTPInputField({ onChange, maxLength = 6, htmlFor, labelText, className,
                             ref={ref}
                             value={values?.at(i) ?? ''}
                             maxLength={1}
-                            className='outline-none text-center inline-flex items-center justify-center h-full relative border border-[#E5E5E5]  w-full rounded-normal group focus-within:border focus-within:border-primary' />
+                            className='pt-1 outline-none text-center inline-flex items-center justify-center h-full relative border border-[#E5E5E5]  w-full rounded-normal group focus-within:border focus-within:border-primary' />
                     )
                 })}
             </div>