diff --git a/src/components/ha-card.js b/src/components/ha-card.js
index bed6d2446f..44e58f43e9 100644
--- a/src/components/ha-card.js
+++ b/src/components/ha-card.js
@@ -11,7 +11,10 @@ class HaCard extends PolymerElement {
           display: block;
           border-radius: var(--ha-card-border-radius, 2px);
           transition: all 0.3s ease-out;
-          background: var(--ha-card-background, var(--paper-card-background-color, white));
+          background: var(
+            --ha-card-background,
+            var(--paper-card-background-color, white)
+          );
           color: var(--primary-text-color);
         }
         .header {