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