Changed position of the login error message

src/components/AuthPages/Login/index.jsx

@@ -10,8 +10,8 @@ export default function Login() {
   const [checked, setValue] = useState(false);
   const [loginLoading, setLoginLoading] = useState(false);
 
-  //Loggin Error State
+  //login error state
-  const [loginError, setLoginError] = useState(false)
+  const [loginError, setLoginError] = useState(false);
 
   const rememberMe = () => {
     setValue(!checked);
@@ -107,7 +107,7 @@ export default function Login() {
                   </button>
                   <span
                     onClick={rememberMe}
-                    className="text-base   text-dark-gray dark:text-white"
+                    className="text-base text-dark-gray dark:text-white"
                   >
                     Remember Me
                   </span>
@@ -132,7 +132,7 @@ export default function Login() {
                     )}
                   </button>
                 </div>
-                {loginError && <p className="text-center text-red-600 pb-4">Invalid Credential</p>}
+                {loginError && <p class="text-center text-red-600 pb-4">Invalid Credential</p>}
                 <a
                   href="#"
                   className="w-full border border-light-purple dark:border-[#5356fb29]  rounded-[50px] h-[58px] flex justify-center bg-[#FAFAFA] dark:bg-[#11131F]  items-center"
@@ -157,4 +157,4 @@ export default function Login() {
       </AuthLayout>
     </>
   );
-}
+}