2 files changed, 5 insertions, 1 deletions
diff --git a/FrontEnd/src/pages/login/index.css b/FrontEnd/src/pages/login/index.css
index d78b3587..ef97359c 100644
--- a/FrontEnd/src/pages/login/index.css
+++ b/FrontEnd/src/pages/login/index.css
@@ -7,4 +7,8 @@
 .login-page-welcome {
   text-align: center;
   font-size: 2em;
+}
+
+.login-page-error {
+  color: var(--cru-danger-color);
 }
 \ No newline at end of file
diff --git a/FrontEnd/src/pages/login/index.tsx b/FrontEnd/src/pages/login/index.tsx
index 9aee455f..a09e32c3 100644
--- a/FrontEnd/src/pages/login/index.tsx
+++ b/FrontEnd/src/pages/login/index.tsx
@@ -111,7 +111,7 @@ export default function LoginPage() {
       <div className="login-page-container">
         <div className="login-page-welcome">{c("welcome")}</div>
         <InputGroup {...inputGroupProps} />
-        {error ? <p className="cru-color-danger">{c(error)}</p> : null}
+        {error ? <p className="login-page-error">{c(error)}</p> : null}
         <div className="login-page-button-row">
           <LoadingButton
             loading={process}