diff --git a/src/platform/web/ui/css/login.css b/src/platform/web/ui/css/login.css
index 01b6bc6e..59a25799 100644
--- a/src/platform/web/ui/css/login.css
+++ b/src/platform/web/ui/css/login.css
@@ -96,7 +96,3 @@ limitations under the License.
 .LoginView_sso {
     padding: 0.4em 0.4em 0;
 }
-
-.LoginView_error {
-    padding: 0.4em
-}
diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css
index 08f1df06..4b7dab4d 100644
--- a/src/platform/web/ui/css/themes/element/theme.css
+++ b/src/platform/web/ui/css/themes/element/theme.css
@@ -161,6 +161,11 @@ a.button-action {
     background-image: url('icons/disable-grid.svg');
 }
 
+.error {
+    color: #f00;
+    font-weight: 600;
+}
+
 .FilterField {
     background-image: url('icons/search.svg');
     background-repeat: no-repeat;
diff --git a/src/platform/web/ui/login/CompleteSSOView.js b/src/platform/web/ui/login/CompleteSSOView.js
index 8b0654c6..63614acf 100644
--- a/src/platform/web/ui/login/CompleteSSOView.js
+++ b/src/platform/web/ui/login/CompleteSSOView.js
@@ -22,7 +22,7 @@ export class CompleteSSOView extends TemplateView {
         return t.div({ className: "CompleteSSOView" },
             [
                 t.p({ className: "CompleteSSOView_title" }, "Finishing up your SSO Login"),
-                t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "CompleteSSOView_error"}, vm.i18n(vm.errorMessage))),
+                t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "error"}, vm.i18n(vm.errorMessage))),
                 t.mapView(vm => vm.loadViewModel, loadViewModel => loadViewModel ? new SessionLoadStatusView(loadViewModel) : null),
             ]
         );
diff --git a/src/platform/web/ui/login/LoginView.js b/src/platform/web/ui/login/LoginView.js
index 1dcbde3d..b44a67df 100644
--- a/src/platform/web/ui/login/LoginView.js
+++ b/src/platform/web/ui/login/LoginView.js
@@ -29,7 +29,7 @@ export class LoginView extends TemplateView {
             t.mapView(vm => vm.completeSSOLoginViewModel, vm => vm ? new CompleteSSOView(vm) : null),
             t.if(vm => vm.showHomeserver, (t, vm) => t.div({ className: "LoginView_sso form form-row" },
                 [
-                    t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "LoginView_error"}, vm.i18n(vm.errorMessage))),
+                    t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "error"}, vm.i18n(vm.errorMessage))),
                     t.label({for: "homeserver"}, vm.i18n`Homeserver`),
                     t.input({
                         id: "homeserver",
diff --git a/src/platform/web/ui/login/PasswordLoginView.js b/src/platform/web/ui/login/PasswordLoginView.js
index 7fd7d534..130f30ae 100644
--- a/src/platform/web/ui/login/PasswordLoginView.js
+++ b/src/platform/web/ui/login/PasswordLoginView.js
@@ -40,7 +40,7 @@ export class PasswordLoginView extends TemplateView {
                     vm.login(username.value, password.value);
                 }
             }, [
-                t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "PasswordLoginView_error"}, vm.i18n(vm.errorMessage))),
+                t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "error"}, vm.i18n(vm.errorMessage))),
                 t.div({ className: "form-row" }, [t.label({ for: "username" }, vm.i18n`Username`), username]),
                 t.div({ className: "form-row" }, [t.label({ for: "password" }, vm.i18n`Password`), password]),
                 t.div({ className: "button-row" }, [