diff --git a/src/panels/lovelace/cards/hui-error-card.js b/src/panels/lovelace/cards/hui-error-card.js
index e83eac18e4..acf621e17a 100644
--- a/src/panels/lovelace/cards/hui-error-card.js
+++ b/src/panels/lovelace/cards/hui-error-card.js
@@ -7,9 +7,10 @@ class HuiErrorCard extends PolymerElement {
       <style>
         :host {
           display: block;
-          background-color: red;
+          background-color: #ef5350;
           color: white;
           padding: 8px;
+          font-weight: 500;
         }
       </style>
       [[_config.error]]
diff --git a/src/panels/lovelace/common/create-card-element.js b/src/panels/lovelace/common/create-card-element.js
index cbeed6239b..f2648cb78f 100644
--- a/src/panels/lovelace/common/create-card-element.js
+++ b/src/panels/lovelace/common/create-card-element.js
@@ -61,11 +61,6 @@ function _createErrorElement(error, config) {
   return _createElement('hui-error-card', createErrorCardConfig(error, config));
 }
 
-function _hideErrorElement(element) {
-  element.style.display = 'None';
-  return window.setTimeout(() => { element.style.display = ''; }, TIMEOUT);
-}
-
 export default function createCardElement(config) {
   if (!config || typeof config !== 'object' || !config.type) {
     return _createErrorElement('No card type configured.', config);
@@ -78,7 +73,8 @@ export default function createCardElement(config) {
       return _createElement(tag, config);
     }
     const element = _createErrorElement(`Custom element doesn't exist: ${tag}.`, config);
-    const timer = _hideErrorElement(element);
+    element.style.display = 'None';
+    const timer = window.setTimeout(() => { element.style.display = ''; }, TIMEOUT);
 
     customElements.whenDefined(tag).then(() => {
       clearTimeout(timer);