fix: input values not centered after irancell font applied

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}

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>