diff --git a/src/components/cardbuilder/card.scss b/src/components/cardbuilder/card.scss
index 1fe8cd1c4c..7de53d67a7 100644
--- a/src/components/cardbuilder/card.scss
+++ b/src/components/cardbuilder/card.scss
@@ -333,6 +333,7 @@ button::-moz-focus-inner {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
+    text-align: left;
 }
 
 .innerCardFooter > .cardText {
@@ -355,7 +356,8 @@ button::-moz-focus-inner {
     background-position: center center;
 }
 
-.cardTextCentered {
+.cardTextCentered,
+.cardTextCentered > .textActionButton {
     text-align: center;
 }
 
diff --git a/src/components/cardbuilder/cardBuilder.js b/src/components/cardbuilder/cardBuilder.js
index be047648a3..4a1060a808 100644
--- a/src/components/cardbuilder/cardBuilder.js
+++ b/src/components/cardbuilder/cardBuilder.js
@@ -771,6 +771,7 @@ import ServerConnections from '../ServerConnections';
          * @returns {string} HTML markup of the card's footer text element.
          */
         function getCardFooterText(item, apiClient, options, showTitle, forceName, overlayText, imgUrl, footerClass, progressHtml, logoUrl, isOuterFooter) {
+            item = item.ProgramInfo || item;
             let html = '';
 
             if (logoUrl) {
diff --git a/src/components/itemHelper.js b/src/components/itemHelper.js
index de771546b0..decb77b3e3 100644
--- a/src/components/itemHelper.js
+++ b/src/components/itemHelper.js
@@ -20,7 +20,7 @@ export function getDisplayName(item, options = {}) {
     }
     if (item.Type === 'Episode' && item.ParentIndexNumber === 0) {
         name = globalize.translate('ValueSpecialEpisodeName', name);
-    } else if ((item.Type === 'Episode' || item.Type === 'Program') && item.IndexNumber != null && item.ParentIndexNumber != null && options.includeIndexNumber !== false) {
+    } else if ((item.Type === 'Episode' || item.Type === 'Program' || item.Type === 'Recording') && item.IndexNumber != null && item.ParentIndexNumber != null && options.includeIndexNumber !== false) {
         let displayIndexNumber = item.IndexNumber;
 
         let number = displayIndexNumber;
diff --git a/src/controllers/livetv/livetvschedule.js b/src/controllers/livetv/livetvschedule.js
index a30db98791..1272a20198 100644
--- a/src/controllers/livetv/livetvschedule.js
+++ b/src/controllers/livetv/livetvschedule.js
@@ -61,7 +61,7 @@ function renderActiveRecordings(context, promise) {
             defaultShape: getBackdropShape(),
             showParentTitle: false,
             showParentTitleOrTitle: true,
-            showTitle: false,
+            showTitle: true,
             showAirTime: true,
             showAirEndTime: true,
             showChannelName: true,
diff --git a/src/scripts/livetvcomponents.js b/src/scripts/livetvcomponents.js
index 9fb999dd03..38035c3dc2 100644
--- a/src/scripts/livetvcomponents.js
+++ b/src/scripts/livetvcomponents.js
@@ -79,6 +79,7 @@ function getTimersHtml(timers, options) {
         html += cardBuilder.getCardsHtml({
             items: group.items,
             shape: getBackdropShape(),
+            showTitle: true,
             showParentTitleOrTitle: true,
             showAirTime: true,
             showAirEndTime: true,