invalid credential change

src/components/AuthPages/Login/index.jsx

@@ -57,7 +57,7 @@ export default function Login() {
               <h1 className="text-5xl font-bold leading-[74px]   text-dark-gray dark:text-white">
                 Log In
               </h1>
-              <div className="shape -mt-2">
+              <div className="shape mb-[10px]">
                 <img src={titleShape} alt="shape" />
               </div>
             </div>
@@ -122,8 +122,7 @@ 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 ? (
@@ -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"

src/components/AuthPages/SignUp/index.jsx

@@ -37,7 +37,7 @@ export default function SignUp() {
                     <h1 className="sm:text-5xl text-4xl font-bold  text-dark-gray dark:text-white leading-2">
                       Create Account
                     </h1>
-                    <div className="shape sm:w-[377px] w-[280px] -mt-2.5 ml-5">
+                    <div className="shape sm:w-[377px] w-[280px] mb-[10px] ml-5">
                       <img src={titleShape} alt="shape" />
                     </div>
                   </div>