invalid credential details

src/components/AuthPages/Login/index.jsx

@@ -122,9 +122,8 @@ export default function Login() {
                   <button
                     onClick={doLogin}
                     type="button"
-                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${
+                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${loginLoading ? "active" : ""
-                      loginLoading ? "active" : ""
+                      }`}
-                    }`}
                   >
                     {loginLoading ? (
                       <div className="signup btn-loader"></div>
@@ -133,7 +132,7 @@ export default function Login() {
                     )}
                   </button>
                 </div>
-                {loginError && <p class="text-center text-red-600 pb-4">Invalid Credential</p>}
+                {loginError && <p class="text-center text-red-700 pb-4">Invalid username or password</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"