diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
index 4cf725cf51..63f395289c 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
@@ -37,13 +37,9 @@
     }
 
     .vertical-wrap .card {
-        contain: strict;
+        contain: layout style;
     }
 
-.layout-tv .vertical-wrap .card {
-    contain: layout style;
-}
-
 .cardScalable {
     position: relative;
 }
@@ -71,10 +67,16 @@
     border: 3px solid transparent;
 }
 
-.layout-tv .cardBox {
+.cardBox-focustransform {
     will-change: transform;
+    /*transition: transform 200ms ease-out;*/
 }
 
+/*.card:focus > .cardBox-focustransform {
+    transition-delay: 50ms;
+    transform: scale(1.16, 1.16);
+}*/
+
 @media all and (min-width: 600px) {
 
     .cardBox-mobile {
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
index 421c108f6c..e9eea380b0 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
@@ -1043,6 +1043,8 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
 
             if (!layoutManager.tv) {
                 cardBoxClass += ' cardBox-mobile';
+            } else {
+                cardBoxClass += ' cardBox-focustransform';
             }
 
             var footerCssClass;
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/chaptercardbuilder.js b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/chaptercardbuilder.js
index 34d90561e1..9e28d9c211 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/chaptercardbuilder.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/chaptercardbuilder.js
@@ -1,4 +1,4 @@
-define(['datetime', 'imageLoader', 'connectionManager', 'itemShortcuts'], function (datetime, imageLoader, connectionManager, itemShortcuts) {
+define(['datetime', 'imageLoader', 'connectionManager', 'itemShortcuts', 'layoutManager'], function (datetime, imageLoader, connectionManager, itemShortcuts, layoutManager) {
 
     function buildChapterCardsHtml(item, chapters, options) {
 
@@ -84,9 +84,15 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemShortcuts'], functi
         nameHtml += '<div class="cardText">' + chapter.Name + '</div>';
         nameHtml += '<div class="cardText">' + datetime.getDisplayRunningTime(chapter.StartPositionTicks) + '</div>';
 
+        var cardBoxCssClass = 'cardBox';
+
+        if (layoutManager.tv) {
+            cardBoxCssClass += ' cardBox-focustransform';
+        }
+
         var html = '\
 <button type="button" class="' + className + '"' + dataAttributes + '> \
-<div class="cardBox">\
+<div class="' + cardBoxCssClass + '">\
 <div class="cardScalable">\
 <div class="cardPadder-'+ shape + '"></div>\
 <div class="cardContent">\
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js
index 676ba16fa2..83bc2aace5 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js
@@ -1,4 +1,4 @@
-define(['imageLoader', 'itemShortcuts', 'connectionManager'], function (imageLoader, itemShortcuts, connectionManager) {
+define(['imageLoader', 'itemShortcuts', 'connectionManager', 'layoutManager'], function (imageLoader, itemShortcuts, connectionManager, layoutManager) {
 
     function buildPeopleCardsHtml(people, options) {
 
@@ -77,9 +77,15 @@ define(['imageLoader', 'itemShortcuts', 'connectionManager'], function (imageLoa
             nameHtml += '<div class="cardText cardText-secondary">&nbsp;</div>';
         }
 
+        var cardBoxCssClass = 'visualCardBox cardBox';
+
+        if (layoutManager.tv) {
+            cardBoxCssClass += ' cardBox-focustransform';
+        }
+
         var html = '\
 <button type="button" data-isfolder="' + person.IsFolder + '" data-type="' + person.Type + '" data-action="link" data-id="' + person.Id + '" data-serverid="' + serverId + '" raised class="' + className + '"> \
-<div class="visualCardBox cardBox">\
+<div class="' + cardBoxCssClass + '">\
 <div class="cardScalable">\
 <div class="cardPadder-portrait"></div>\
 <div class="cardContent">\
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/roundcard.css b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/roundcard.css
index d1cfed7b7b..be05b9ff0e 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/roundcard.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/roundcard.css
@@ -1,5 +1,8 @@
 .cardBox-round {
     border: .7em solid transparent !important;
+}
+
+.cardBox-focustransform {
     transition: transform 180ms ease-out !important;
     -webkit-transform-origin: center center;
     transform-origin: center center;
@@ -9,11 +12,11 @@
     border: .15em solid transparent;
 }
 
-.cardImageContainer, .card-round:focus .cardImageContainer {
+.cardImageContainer-round, .card-round:focus .cardImageContainer {
     border-color: #fff;
 }
 
-.layout-tv .card-round:focus .cardBox {
+.card-round:focus > .cardBox-focustransform {
     transform: scale(1.34, 1.34);
 }
 
diff --git a/dashboard-ui/scripts/autobackdrops.js b/dashboard-ui/scripts/autobackdrops.js
index b511b58b93..167efa0a9d 100644
--- a/dashboard-ui/scripts/autobackdrops.js
+++ b/dashboard-ui/scripts/autobackdrops.js
@@ -36,7 +36,7 @@
 
         if (data) {
 
-            console.log('Found backdrop id list in cache. Key: ' + key)
+            console.log('Found backdrop id list in cache. Key: ' + key);
             data = JSON.parse(data);
             return Promise.resolve(data);
         } else {