diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css
index ef342a8389..829d3a61f3 100644
--- a/dashboard-ui/css/card.css
+++ b/dashboard-ui/css/card.css
@@ -58,14 +58,6 @@ iron-list .card {
     border-radius: 3px;
 }
 
-.defaultBackground .cardImage {
-    background-color: #303030;
-}
-
-.homeTopViews .defaultBackground .cardImage {
-    background-color: #181818;
-}
-
 .cardOverlayButtonContainer {
     position: absolute;
     bottom: 0;
@@ -109,10 +101,13 @@ iron-list .card {
 }
 
 .ui-body-b .visualCardBox {
-    background: rgba(56,56,56,.85);
     border-radius: 3px;
 }
 
+.defaultBackground .cardImage, .ui-body-b .visualCardBox {
+    background-color: #262626;
+}
+
 .cardScalable {
     position: relative;
 }
diff --git a/dashboard-ui/livetv.html b/dashboard-ui/livetv.html
index 9f463d2649..982b403025 100644
--- a/dashboard-ui/livetv.html
+++ b/dashboard-ui/livetv.html
@@ -63,7 +63,7 @@
                 <div class="listTopPaging">
                 </div>
             </div>
-            <div id="items" class="itemsContainer" style="max-width: 800px; margin: 0 auto;"></div>
+            <div id="items" class="itemsContainer"></div>
         </div>
         <div class="pageTabContent recordingsTabContent hide" data-index="3">
             <div id="activeRecordings" class="homePageSection hide">
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index ff9701e48d..a0da6e86e5 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -2412,6 +2412,15 @@
                     lines.push(item.ProductionYear || '');
                 }
 
+                 if (item.Type == 'TvChannel') {
+
+                    if (item.CurrentProgram) {
+                        lines.push(LibraryBrowser.getPosterViewDisplayName(item.CurrentProgram));
+                    } else {
+                        lines.push('');
+                    }
+                }
+
                 if (options.showSeriesYear) {
 
                     if (item.Status == "Continuing") {
diff --git a/dashboard-ui/scripts/livetvchannels.js b/dashboard-ui/scripts/livetvchannels.js
index 3b759c75d4..54dac81058 100644
--- a/dashboard-ui/scripts/livetvchannels.js
+++ b/dashboard-ui/scripts/livetvchannels.js
@@ -35,9 +35,13 @@
 
     function getChannelsHtml(channels) {
 
-        return LibraryBrowser.getListViewHtml({
+        return LibraryBrowser.getPosterViewHtml({
             items: channels,
-            smallIcon: true
+            shape: "square",
+            showTitle: true,
+            lazy: true,
+            cardLayout: true,
+            showDetailsMenu: true
         });
     }