diff --git a/esphome/dashboard/static/esphome.css b/esphome/dashboard/static/esphome.css
index 2e2b4787a6..29455d9851 100644
--- a/esphome/dashboard/static/esphome.css
+++ b/esphome/dashboard/static/esphome.css
@@ -235,3 +235,10 @@ ul.stepper:not(.horizontal) .step.active::before, ul.stepper:not(.horizontal) .s
   vertical-align: middle;
   color: #666 !important;
 }
+
+.error {
+  background: #e53935;
+  color: #fff;
+  padding: 10px 15px;
+  margin-top: 15px;
+}
diff --git a/esphome/dashboard/templates/login.html b/esphome/dashboard/templates/login.html
index 320ca0cc58..c2777b9959 100644
--- a/esphome/dashboard/templates/login.html
+++ b/esphome/dashboard/templates/login.html
@@ -35,7 +35,7 @@
             Please login using your Home Assistant credentials.
           </p>
           {% if error is not None %}
-            <p>
+            <p class="error">
               {{ escape(error) }}
             </p>
           {% end %}