Add family acc

src/components/AuthPages/VerifyPassword/index.jsx

@@ -1,9 +1,9 @@
-import { useState, useEffect, useCallback } from "react";
-import { useLocation, Link, useNavigate } from "react-router-dom";
-import AuthLayout from "../AuthLayout";
-import InputCom from "../../Helpers/Inputs/InputCom";
-import usersService from "../../../services/UsersService";
+import { useState } from "react";
+import { Link, useLocation, useNavigate } from "react-router-dom";
 import WrenchBoard from "../../../assets/images/wrenchboard.png";
+import usersService from "../../../services/UsersService";
+import InputCom from "../../Helpers/Inputs/InputCom";
+import AuthLayout from "../AuthLayout";
 
 const VerifyPassword = () => {
   const [password, setPassword] = useState("");
@@ -158,6 +158,7 @@ const SuccessfulComponent = ({
     {/* INPUT */}
     <div className="mb-5">
       <InputCom
+        fieldClass="px-6"
         value={password}
         inputHandler={handlePassword}
         placeholder="● ● ● ● ● ●"
@@ -165,13 +166,12 @@ const SuccessfulComponent = ({
         name="password"
         type={showPassword ? "text" : "password"}
         onClick={onClick}
-        passIcon={
-          showPassword ? "show-password" : "hide-password"
-        }
+        passIcon={showPassword ? "show-password" : "hide-password"}
       />
     </div>
     <div className="mb-5">
       <InputCom
+        fieldClass="px-6"
         value={confirmPassword}
         inputHandler={handlePassword}
         placeholder="● ● ● ● ● ●"