diff --git a/components/register/element/OTPForm.js b/components/register/element/OTPForm.js
index 8e53713..dd62536 100644
--- a/components/register/element/OTPForm.js
+++ b/components/register/element/OTPForm.js
@@ -6,7 +6,6 @@ function OTPForm({ handleOTP }) {
   return (
     <input
       value={code}
-      type="number"
       onChange={(e) => {
         const value = e.target.value;
 
@@ -18,7 +17,7 @@ function OTPForm({ handleOTP }) {
           e.target.value = "";
         }
       }}
-      className={`border border-solid border-[#ADB5BD] rounded-[6px] text-center transition-all duration-500 ease-out
+      className={`border otp-field border-solid border-[#ADB5BD] rounded-[6px] text-center transition-all duration-500 ease-out
             outline-none focus:!border-[1px] focus:!border-solid focus:!border-[#5559CE]
             focus:!outline-[1px] focus:!outline-solid focus:!outline-[#5559CE] bg-transparent text-[#525252]
             w-[43px] h-[43px] sm:w-[45px] sm:h-[45px] md:w-[47px] md:h-[47px] lg:w-[48px] lg:h-[48px]