change style tabs

app/component/Tabs.js

@@ -27,11 +27,11 @@ function Tabs({ value, handleChange, listTab, isSm, style }) {
             {...a11yProps(idx)}
             sx={{
               "&.MuiButtonBase-root": {
-                width: "fit-content !important",
-                minWidth: "fit-content !important",
+                width: !isSm && "fit-content !important",
+                minWidth: !isSm && "fit-content !important",
               },
               "&.MuiButtonBase-root:first-child": {
-                marginLeft: "9px !important",
+                marginLeft: !isSm && "9px !important",
               },
             }}
             className={`

components/register/element/OTPForm.js

@@ -19,7 +19,7 @@ function OTPForm({ handleOTP }) {
       }}
       className={`border 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]
+            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] 
             ${code && "!border-[1px] !border-solid !border-[#5559CE]"}
             `}