diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css
index dc11ae9153..94e6d8d975 100644
--- a/src/components/cardbuilder/card.css
+++ b/src/components/cardbuilder/card.css
@@ -212,6 +212,10 @@ button::-moz-focus-inner {
     background-color: #242424;
 }
 
+.backdropCard .cardContent:not(.defaultCardBackground) {
+    background-color: transparent;
+}
+
 .visualCardBox .cardContent {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css
index b3ce2c7e92..90de1d0038 100644
--- a/src/themes/appletv/theme.css
+++ b/src/themes/appletv/theme.css
@@ -122,8 +122,8 @@ html {
 }
 
 .paperList,
-.visualCardBox {
-    background-color: #fff;
+.visualCardBox,
+.cardContent:not(.defaultCardBackground) {
     background-color: rgba(0, 0, 0, 0.1);
 }
 
diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css
index 74a60c91c0..1d6ab88900 100644
--- a/src/themes/blueradiance/theme.css
+++ b/src/themes/blueradiance/theme.css
@@ -450,6 +450,10 @@ html {
     color: #4285f4;
 }
 
+.cardContent:not(.defaultCardBackground) {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
 .card:focus .cardBox.visualCardBox,
 .card:focus .cardBox:not(.visualCardBox) .cardScalable {
     border-color: #00a4dc !important;
diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css
index a32e606386..d4a3335b8b 100644
--- a/src/themes/dark/theme.css
+++ b/src/themes/dark/theme.css
@@ -421,8 +421,7 @@ html {
     color: #4285f4;
 }
 
-.card:focus .cardBox.visualCardBox,
-.card:focus .cardBox:not(.visualCardBox) .cardScalable {
+.card:focus .cardBox.visualCardBox {
     border-color: #00a4dc !important;
 }
 
diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css
index 114ef7c3b1..fd3f8e5dad 100644
--- a/src/themes/light/theme.css
+++ b/src/themes/light/theme.css
@@ -432,6 +432,10 @@ html {
     color: #4285f4;
 }
 
+.cardContent:not(.defaultCardBackground) {
+    background-color: #fff;
+}
+
 .card:focus .cardBox.visualCardBox,
 .card:focus .cardBox:not(.visualCardBox) .cardScalable {
     border-color: #00a4dc !important;
diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css
index de69a5542a..d2f9d92eb1 100644
--- a/src/themes/purplehaze/theme.css
+++ b/src/themes/purplehaze/theme.css
@@ -552,6 +552,10 @@ a[data-role=button] {
     border: 1px solid rgb(255, 255, 255);
 }
 
+.cardContent:not(.defaultCardBackground) {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
 .card:focus .cardBox.visualCardBox,
 .card:focus .cardBox:not(.visualCardBox) .cardScalable {
     border-color: #ff77f1 !important;
diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css
index e7d4c0371b..76342f79f5 100644
--- a/src/themes/wmc/theme.css
+++ b/src/themes/wmc/theme.css
@@ -430,6 +430,10 @@ html {
     color: #4285f4;
 }
 
+.cardContent:not(.defaultCardBackground) {
+    background-color: #0f3562;
+}
+
 .card:focus .cardBox.visualCardBox,
 .card:focus .cardBox:not(.visualCardBox) .cardScalable {
     border-color: #fff !important;