update Input.js, src/components/FormInput/index.js and src/index.scss

src/components/AnimatedInput/Input.js

@@ -23,14 +23,14 @@ const FormFields = ({
     <div
       onClick={onClick}
       className={
-        "h-full flex flex-row items-center rounded border mx-1 relative  " +
+        "h-full flex flex-row items-center rounded border mx-1 relative" +
         borderClassname +
         (value ? "bg-white border rounded" : "bg-transparent")
       }
     >
       <div
         className={
-          "text-xs absolute transition-all duration-300 pointer-events-none px-3  transform -translate-x-[7px]" +
+          "text-xs absolute transition-all duration-300 pointer-events-none px-3 transform translate-x-[7px]" +
           (value
             ? `text-[#2483E1] bg-white top-[-10px]`
             : "text-[#0F0543] top-[10px]")

src/components/FormInput/index.js

@@ -7,6 +7,7 @@ import CustomSelectBox from "../CustomSelectBox";
 
 const FormInput = ({ items }) => {
   const { register, getValues } = useForm();
+
   const [selectedInput, setSelectedInput] = useState(false);
 
   return (