diff --git a/src/components/AuthPages/Login/index.jsx b/src/components/AuthPages/Login/index.jsx
index 0a9c50c..9ab3de3 100644
--- a/src/components/AuthPages/Login/index.jsx
+++ b/src/components/AuthPages/Login/index.jsx
@@ -9,6 +9,10 @@ import AuthLayout from "../AuthLayout";
 export default function Login() {
   const [checked, setValue] = useState(false);
   const [loginLoading, setLoginLoading] = useState(false);
+
+  //Loggin Error State
+  const [loginError, setLoginError] = useState(false)
+
   const rememberMe = () => {
     setValue(!checked);
   };
@@ -35,7 +39,8 @@ export default function Login() {
           setLoginLoading(false);
         }, 2000);
       } else {
-        toast.error("Invalid Credential");
+        // toast.error("Invalid Credential");
+        setLoginError(true)
       }
     }
   };
@@ -127,6 +132,7 @@ export default function Login() {
                     )}
                   </button>
                 </div>
+                {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"