diff --git a/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.js b/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.js
index fe51e814db..e214b75fa1 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/multiselect/multiselect.js
@@ -120,7 +120,7 @@
             itemSelectionPanel = document.createElement('div');
             itemSelectionPanel.classList.add('itemSelectionPanel');
 
-            item.querySelector('.cardContent,.cardBox').appendChild(itemSelectionPanel);
+            (item.querySelector('.cardBox') || item.querySelector('.cardContent')).appendChild(itemSelectionPanel);
 
             var cssClass = 'chkItemSelect';
             if (isChecked && !browser.firefox) {
diff --git a/dashboard-ui/livetvrecordinglist.html b/dashboard-ui/livetvrecordinglist.html
index 8a496f7c2d..e310884e2a 100644
--- a/dashboard-ui/livetvrecordinglist.html
+++ b/dashboard-ui/livetvrecordinglist.html
@@ -10,6 +10,6 @@
             <div class="listTopPaging">
             </div>
         </div>
-        <div id="items" class="itemsContainer" style="text-align:center;"></div>
+        <div is="emby-itemscontainer" id="items" class="itemsContainer vertical-wrap centered"></div>
     </div>
 </div>
\ No newline at end of file
diff --git a/dashboard-ui/scripts/livetvcomponents.js b/dashboard-ui/scripts/livetvcomponents.js
index a310a19f9d..aec875ec20 100644
--- a/dashboard-ui/scripts/livetvcomponents.js
+++ b/dashboard-ui/scripts/livetvcomponents.js
@@ -1,4 +1,4 @@
-define(['datetime'], function (datetime) {
+define(['datetime', 'cardBuilder'], function (datetime, cardBuilder) {
 
     function enableScrollX() {
         return browserInfo.mobile && AppInfo.enableAppLayouts;
@@ -78,10 +78,10 @@
             if (enableScrollX()) {
                 html += '<div is="emby-itemscontainer" class="itemsContainer hiddenScrollX">';
             } else {
-                html += '<div is="emby-itemscontainer" class="itemsContainer">';
+                html += '<div is="emby-itemscontainer" class="itemsContainer vertical-wrap">';
             }
 
-            html += LibraryBrowser.getPosterViewHtml({
+            html += cardBuilder.getCardsHtml({
                 items: group.items,
                 shape: getSquareShape(),
                 showTitle: true,
@@ -89,7 +89,7 @@
                 showChannelName: true,
                 lazy: true,
                 cardLayout: true,
-                defaultAction: 'edit'
+                action: 'edit'
 
             });
             html += '</div>';
diff --git a/dashboard-ui/scripts/livetvrecordinglist.js b/dashboard-ui/scripts/livetvrecordinglist.js
index 7a8e6ac460..18145421d5 100644
--- a/dashboard-ui/scripts/livetvrecordinglist.js
+++ b/dashboard-ui/scripts/livetvrecordinglist.js
@@ -1,4 +1,4 @@
-define(['jQuery'], function ($) {
+define(['jQuery', 'cardBuilder'], function ($, cardBuilder) {
 
     // The base query options
     var query = {
@@ -31,7 +31,7 @@
 
             var screenWidth = window.innerWidth;
 
-            html += LibraryBrowser.getPosterViewHtml({
+            html += cardBuilder.getCardsHtml({
 
                 items: result.Items,
                 shape: "auto",
diff --git a/dashboard-ui/scripts/livetvseriestimer.js b/dashboard-ui/scripts/livetvseriestimer.js
index ce841aad59..f75fd05a99 100644
--- a/dashboard-ui/scripts/livetvseriestimer.js
+++ b/dashboard-ui/scripts/livetvseriestimer.js
@@ -129,19 +129,6 @@
 
     }
 
-    function renderRecordings(page, result) {
-
-        $('.recordingsTab', page).html(LibraryBrowser.getPosterViewHtml({
-
-            items: result.Items,
-            shape: "detailPageSquare",
-            showTitle: true,
-            centerText: true,
-            coverImage: true
-
-        }));
-    }
-
     function renderSchedule(page, result) {
 
         var timers = result.Items;
@@ -172,17 +159,6 @@
 
         });
 
-        ApiClient.getLiveTvRecordings({
-
-            userId: Dashboard.getCurrentUserId(),
-            seriesTimerId: id
-
-        }).then(function (recordingResult) {
-
-            renderRecordings(page, recordingResult);
-
-        });
-
         ApiClient.getLiveTvTimers({
 
             seriesTimerId: id