src/pages/authentication/LoginPage.jsx

@@ -146,7 +146,8 @@ const LoginPage = () => {
                     type={hidepass ? "password" : "text"}
                     autoComplete="new-password"
                     id="password"
-                    className="form-control form-control-xl shadow-none"
+                    className={`form-control form-control-xl shadow-none ${errors.password ? "is-invalid" : ""
+                      }`}
                     name="password"
                     {...register("password")}
                     placeholder="••••••••••••"
@@ -155,7 +156,7 @@ const LoginPage = () => {
                   <span className="input-group-text cursor-pointer border-start-0">
                     <button
                       type="button"
-                      className="btn btn-link p-0"
+                      className="btn btn-link-secondary p-0"
                       onClick={() => setHidepass(!hidepass)}
                     >
                       {hidepass ? (
@@ -166,7 +167,15 @@ const LoginPage = () => {
                     </button>
                   </span>
                 </div>
+
+                {/* ✅ Error message */}
+                {errors.password && (
+                  <div className="invalid-feedback text-start" style={{ fontSize: "12px" }}>
+                    {errors.password.message}
                   </div>
+                )}
+              </div>
+
 
               {/* Remember Me + Forgot Password */}
               <div className="mb-3 d-flex justify-content-between align-items-center">