diff --git a/src/components/AuthPages/VerifyYou/Otp.jsx b/src/components/AuthPages/VerifyYou/Otp.jsx
index a8d0630..827ae98 100755
--- a/src/components/AuthPages/VerifyYou/Otp.jsx
+++ b/src/components/AuthPages/VerifyYou/Otp.jsx
@@ -30,7 +30,7 @@ export default function Otp({handleChange, value}) {
         <div className="input-wrapper border border-light-purple dark:border-[#5356fb29]  sm:w-14 sm:h-14 w-12 h-12 rounded-[50px]  overflow-hidden relative ">
           <input
             className="input-field placeholder:text-base leading-14 text-center items-center text-2xl font-bold text-dark-gray dark:text-white w-full h-full bg-[#FAFAFA] dark:bg-[#11131F]  focus:ring-2 focus:outline-none"
-            type="number"
+            type="text"
             maxLength={1}
             id="otp"
             name='value_one'
@@ -41,7 +41,7 @@ export default function Otp({handleChange, value}) {
         <div className="input-wrapper border border-light-purple dark:border-[#5356fb29]  sm:w-14 sm:h-14 w-12 h-12 rounded-[50px] overflow-hidden relative ">
           <input
             className="input-field placeholder:text-base text-2xl font-bold leading-14 text-center  text-dark-gray dark:text-white w-full h-full  bg-[#FAFAFA] dark:bg-[#11131F]  focus:ring-2 focus:outline-none"
-            type="number"
+            type="text"
             maxLength={1}
             id="otp"
             name='value_two'
@@ -52,7 +52,7 @@ export default function Otp({handleChange, value}) {
         <div className="input-wrapper border border-light-purple dark:border-[#5356fb29]  sm:w-14 sm:h-14 w-12 h-12 rounded-[50px] overflow-hidden relative ">
           <input
             className="input-field placeholder:text-base text-2xl font-bold  leading-14 text-center  text-dark-gray dark:text-white w-full h-full  bg-[#FAFAFA] dark:bg-[#11131F]  focus:ring-2 focus:outline-none"
-            type="number"
+            type="text"
             maxLength={1}
             id="otp"
             name='value_three'
@@ -63,7 +63,7 @@ export default function Otp({handleChange, value}) {
         <div className="input-wrapper border border-light-purple dark:border-[#5356fb29]  sm:w-14 sm:h-14 w-12 h-12 rounded-[50px]  overflow-hidden relative ">
           <input
             className="input-field placeholder:text-base text-2xl font-bold leading-14 text-center  text-dark-gray dark:text-white w-full h-full  bg-[#FAFAFA] dark:bg-[#11131F]  focus:ring-2 focus:outline-none"
-            type="number"
+            type="text"
             maxLength={1}
             id="otp"
             name='value_four'
@@ -74,7 +74,7 @@ export default function Otp({handleChange, value}) {
         <div className="input-wrapper border border-light-purple dark:border-[#5356fb29]  sm:w-14 sm:h-14 w-12 h-12 rounded-[50px]  overflow-hidden relative ">
           <input
             className="input-field placeholder:text-base text-2xl font-bold leading-14 text-center  text-dark-gray dark:text-white w-full h-full  bg-[#FAFAFA] dark:bg-[#11131F]  focus:ring-2 focus:outline-none"
-            type="number"
+            type="text"
             maxLength={1}
             id="otp"
             name='value_five'
@@ -85,7 +85,7 @@ export default function Otp({handleChange, value}) {
         <div className="input-wrapper border border-light-purple dark:border-[#5356fb29]  sm:w-14 sm:h-14 w-12 h-12 rounded-[50px] overflow-hidden relative ">
           <input
             className="input-field placeholder:text-base text-2xl font-bold  leading-14 text-center text-dark-gray dark:text-white w-full h-full  bg-[#FAFAFA] dark:bg-[#11131F]  focus:ring-2 focus:outline-none"
-            type="number"
+            type="text"
             maxLength={1}
             id="otp"
             name='value_six'