diff --git a/src/controllers/dashboard/devices/devices.js b/src/controllers/dashboard/devices/devices.js
index 58c140624..3d5dbcf3b 100644
--- a/src/controllers/dashboard/devices/devices.js
+++ b/src/controllers/dashboard/devices/devices.js
@@ -1,3 +1,4 @@
+import cardBuilder from '../../../components/cardbuilder/cardBuilder';
 import loading from '../../../components/loading/loading';
 import dom from '../../../scripts/dom';
 import globalize from '../../../scripts/globalize';
@@ -96,7 +97,7 @@ import confirm from '../../../components/confirm/confirm';
             deviceHtml += '<div class="cardBox visualCardBox">';
             deviceHtml += '<div class="cardScalable">';
             deviceHtml += '<div class="cardPadder cardPadder-backdrop"></div>';
-            deviceHtml += `<a is="emby-linkbutton" href="${canEdit ? '#!/device.html?id=' + device.Id : '#'}" class="cardContent cardImageContainer">`;
+            deviceHtml += `<a is="emby-linkbutton" href="${canEdit ? '#!/device.html?id=' + device.Id : '#'}" class="cardContent cardImageContainer ${cardBuilder.getDefaultBackgroundClass()}">`;
             const iconUrl = imageHelper.getDeviceIcon(device);
 
             if (iconUrl) {
diff --git a/src/controllers/livetvstatus.js b/src/controllers/livetvstatus.js
index 397aa5087..7de9d3dca 100644
--- a/src/controllers/livetvstatus.js
+++ b/src/controllers/livetvstatus.js
@@ -2,6 +2,7 @@ import 'jquery';
 import globalize from '../scripts/globalize';
 import taskButton from '../scripts/taskbutton';
 import dom from '../scripts/dom';
+import cardBuilder from '../components/cardbuilder/cardBuilder';
 import layoutManager from '../components/layoutManager';
 import loading from '../components/loading/loading';
 import browser from '../scripts/browser';
@@ -37,7 +38,7 @@ function getDeviceHtml(device) {
     html += '<div class="cardScalable visualCardBox-cardScalable">';
     html += '<div class="' + padderClass + '"></div>';
     html += '<div class="cardContent searchImage">';
-    html += '<div class="cardImageContainer coveredImage"><span class="cardImageIcon material-icons dvr"></span></div>';
+    html += `<div class="cardImageContainer coveredImage ${cardBuilder.getDefaultBackgroundClass()}"><span class="cardImageIcon material-icons dvr"></span></div>`;
     html += '</div>';
     html += '</div>';
     html += '<div class="cardFooter visualCardBox-cardFooter">';
diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css
index 849ef0b93..1a35f8cc0 100644
--- a/src/themes/appletv/theme.css
+++ b/src/themes/appletv/theme.css
@@ -94,6 +94,11 @@ html {
     background: rgba(0, 0, 0, 0.24);
 }
 
+a[data-role=button] {
+    background: #fff !important;
+    background: rgba(0, 0, 0, 0.14) !important;
+}
+
 .button-submit {
     background: #00a4dc;
     color: #fff;
diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css
index f27abfc11..4d2e34eda 100644
--- a/src/themes/blueradiance/theme.css
+++ b/src/themes/blueradiance/theme.css
@@ -93,6 +93,10 @@ html {
     background: rgba(0, 0, 0, 0.7);
 }
 
+a[data-role=button] {
+    background: rgba(0, 0, 0, 0.5) !important;
+}
+
 .button-submit {
     background: #00a4dc;
     color: #fff;
diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css
index e2f9bc554..e97c6a39a 100644
--- a/src/themes/light/theme.css
+++ b/src/themes/light/theme.css
@@ -99,6 +99,10 @@ html {
     background: #ccc;
 }
 
+a[data-role=button] {
+    background: #d8d8d8 !important;
+}
+
 .button-submit {
     background: #00a4dc;
     color: #fff;
diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css
index 92175f309..f78c4c6a7 100644
--- a/src/themes/wmc/theme.css
+++ b/src/themes/wmc/theme.css
@@ -91,6 +91,10 @@ html {
     background: #143451;
 }
 
+a[data-role=button] {
+    background: #082845 !important;
+}
+
 .button-submit {
     background: #00a4dc;
     color: #fff;