diff --git a/dashboard-ui/channelitems.html b/dashboard-ui/channelitems.html
index f427f129ca..91b1117a14 100644
--- a/dashboard-ui/channelitems.html
+++ b/dashboard-ui/channelitems.html
@@ -73,6 +73,7 @@
                     </div>
 
                 </fieldset>
+                <br />
                 <div class="sortOrderToggle">
                     <fieldset data-role="controlgroup">
                         <legend>
diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css
index 54ec1dc441..0baca9c6ef 100644
--- a/dashboard-ui/css/posteritem.css
+++ b/dashboard-ui/css/posteritem.css
@@ -136,8 +136,8 @@
         height: 34px;
         background-position: 12px center;
         background-size: 20px 20px;
-        background-color: rgba(51, 136, 204, 0.5);
-        background-color: rgba(82, 181, 75, 0.5);
+        background-color: rgba(51, 136, 204, 0.7);
+        background-color: rgba(82, 181, 75, 0.7);
     }
 
     .myLibraryPosterItem .posterItemDefaultText {
@@ -149,27 +149,27 @@
     }
 
 .moviesPosterItem .posterItemImage {
-    background-color: rgba(176, 94, 81, 0.5);
+    background-color: rgba(176, 94, 81, 0.7);
 }
 
 .musicPosterItem .posterItemImage {
-    background-color: rgba(217, 145, 67, 0.5);
+    background-color: rgba(217, 145, 67, 0.7);
 }
 
 .tvshowsPosterItem .posterItemImage {
-    background-color: rgba(77, 88, 164, 0.5);
+    background-color: rgba(77, 88, 164, 0.7);
 }
 
 .gamesPosterItem .posterItemImage {
-    background-color: rgba(183, 202, 72, 0.5);
+    background-color: rgba(183, 202, 72, 0.7);
 }
 
 .channelsPosterItem .posterItemImage {
-    background-color: rgba(51, 136, 204, 0.5);
+    background-color: rgba(51, 136, 204, 0.7);
 }
 
 .livetvPosterItem .posterItemImage {
-    background-color: rgba(255, 233, 127, 0.5);
+    background-color: rgba(255, 233, 127, 0.7);
 }
 
 .backdropPosterItem {
diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js
index 87b8dff7a6..b739b7f624 100644
--- a/dashboard-ui/scripts/dashboardpage.js
+++ b/dashboard-ui/scripts/dashboardpage.js
@@ -869,7 +869,8 @@
     }
 };
 
-$(document).on('pageshow', "#dashboardPage", DashboardPage.onPageShow).on('pagehide', "#dashboardPage", DashboardPage.onPageHide);
+$(document).on('pagebeforeshow', "#dashboardPage", DashboardPage.onPageShow)
+    .on('pagehide', "#dashboardPage", DashboardPage.onPageHide);
 
 (function ($, document, window) {
 
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 2f766b9907..6cce39df1d 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -472,12 +472,12 @@
 
             var primaryImageAspectRatio;
 
-            if (options.shape == 'auto') {
+            if (options.shape == 'auto' || options.shape == 'autosmall') {
 
-                primaryImageAspectRatio = options.shape == 'auto' ? LibraryBrowser.getAveragePrimaryImageAspectRatio(items) : null;
+                primaryImageAspectRatio = LibraryBrowser.getAveragePrimaryImageAspectRatio(items);
 
                 if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1.777777778) < .3) {
-                    options.shape = 'backdrop';
+                    options.shape = options.shape == 'auto' ? 'backdrop' : 'smallBackdrop';
                 }
                 else if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1) < .33) {
                     options.coverImage = true;
diff --git a/dashboard-ui/scripts/livetvrecordinglist.js b/dashboard-ui/scripts/livetvrecordinglist.js
index ab995607a5..c78382759e 100644
--- a/dashboard-ui/scripts/livetvrecordinglist.js
+++ b/dashboard-ui/scripts/livetvrecordinglist.js
@@ -27,7 +27,7 @@
             html += LibraryBrowser.getPosterViewHtml({
 
                 items: result.Items,
-                shape: "backdrop",
+                shape: "auto",
                 showTitle: true,
                 showParentTitle: true,
                 overlayText: screenWidth >= 600,
diff --git a/dashboard-ui/scripts/livetvrecordings.js b/dashboard-ui/scripts/livetvrecordings.js
index cd038d45c5..f331de69cd 100644
--- a/dashboard-ui/scripts/livetvrecordings.js
+++ b/dashboard-ui/scripts/livetvrecordings.js
@@ -54,7 +54,7 @@
         $('.recordingItems', elem).html(LibraryBrowser.getPosterViewHtml({
             
             items: recordings,
-            shape: "backdrop",
+            shape: "auto",
             showTitle: true,
             showParentTitle: true,
             overlayText: screenWidth >= 600,
diff --git a/dashboard-ui/scripts/livetvseriestimer.js b/dashboard-ui/scripts/livetvseriestimer.js
index 8260ef0277..f8065c260b 100644
--- a/dashboard-ui/scripts/livetvseriestimer.js
+++ b/dashboard-ui/scripts/livetvseriestimer.js
@@ -124,7 +124,7 @@
         $('.recordingsTab', page).html(LibraryBrowser.getPosterViewHtml({
 
             items: result.Items,
-            shape: "smallBackdrop",
+            shape: "autosmall",
             showTitle: true,
             overlayText: screenWidth >= 600,
             coverImage: true
diff --git a/dashboard-ui/scripts/livetvsuggested.js b/dashboard-ui/scripts/livetvsuggested.js
index 058864064e..911abdf3f5 100644
--- a/dashboard-ui/scripts/livetvsuggested.js
+++ b/dashboard-ui/scripts/livetvsuggested.js
@@ -16,7 +16,7 @@
             var html = LibraryBrowser.getPosterViewHtml({
 
                 items: result.Items,
-                shape: "square",
+                shape: "auto",
                 showTitle: true,
                 showParentTitle: true,
                 overlayText: screenWidth >= 600,
@@ -39,7 +39,7 @@
             var html = LibraryBrowser.getPosterViewHtml({
 
                 items: result.Items,
-                shape: "square",
+                shape: "auto",
                 showTitle: true,
                 showParentTitle: true,
                 overlayText: screenWidth >= 600,