diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 076ce927eb..f26e5357de 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -383,7 +383,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
 }
 
 .noBackdrop {
-    height: 260px;
+    height: 220px;
 }
 
     .noBackdrop .itemBackdropContent {
@@ -513,7 +513,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 
     .portraitDetailImageContainer img {
-        max-width: 220px;
+        max-width: 185px;
     }
 
     .lastDetailContentEffectedByImage.detailContentEffectedByPortraitImage {
@@ -537,6 +537,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
         padding: 0 1em;
     }
 
+    .portraitDetailImageContainer img {
+        max-height: 120px;
+    }
+
     .lastDetailContentEffectedByImage.detailContentEffectedByPortraitImage {
         min-height: initial;
     }
diff --git a/dashboard-ui/css/tileitem.css b/dashboard-ui/css/tileitem.css
index 725a6cda6e..df83c31714 100644
--- a/dashboard-ui/css/tileitem.css
+++ b/dashboard-ui/css/tileitem.css
@@ -486,6 +486,15 @@
     }
 }
 
+@media all and (min-width: 800px) {
+
+    .myLibraryPosterItem {
+        width: 32%;
+        /* Specify a min width just in case the container doesn't have a width */
+        min-width: 160px;
+    }
+}
+
 @media all and (min-width: 1000px) {
 
     .myLibraryPosterItem {
@@ -494,3 +503,47 @@
         min-width: 220px;
     }
 }
+
+@media all and (min-width: 1200px) {
+
+    .myLibraryPosterItem {
+        width: 24.0%;
+    }
+}
+
+@media all and (min-width: 1440px) {
+
+    .myLibraryPosterItem {
+        width: 19.0%;
+        /* Specify a min width just in case the container doesn't have a width */
+        min-width: 220px;
+    }
+}
+
+@media all and (min-width: 1600px) {
+
+    .myLibraryPosterItem {
+        width: 15.5%;
+    }
+}
+
+@media all and (min-width: 1700px) {
+
+    .myLibraryPosterItem {
+        width: 16%;
+    }
+}
+
+@media all and (min-width: 2000px) {
+
+    .myLibraryPosterItem {
+        width: 13.5%;
+    }
+}
+
+@media all and (min-width: 2300px) {
+
+    .myLibraryPosterItem {
+        width: 13.8%;
+    }
+}
diff --git a/dashboard-ui/scripts/indexpage.js b/dashboard-ui/scripts/indexpage.js
index 3afa2743c5..67f21bfe70 100644
--- a/dashboard-ui/scripts/indexpage.js
+++ b/dashboard-ui/scripts/indexpage.js
@@ -82,7 +82,7 @@
 
             html += "<div class='posterItemDefaultText posterItemText'>";
             html += '<i class="fa ' + icon + '"></i>';
-            html += item.Name;
+            html += '<span>' + item.Name + '</span>';
             html += "</div>";
 
             html += "</a>";
@@ -315,7 +315,12 @@
 
         $('a.posterItem', elem).on('click', function () {
 
-            var text = $('.posterItemText', this).html();
+            var textElem = $('.posterItemText span', this);
+
+            if (!textElem.length) {
+                textElem = $('.posterItemText', this);
+            }
+            var text = textElem.html();
 
             LibraryMenu.setText(text);
         });
diff --git a/dashboard-ui/scripts/syncjob.js b/dashboard-ui/scripts/syncjob.js
index 475ec2d65c..40e0ce463c 100644
--- a/dashboard-ui/scripts/syncjob.js
+++ b/dashboard-ui/scripts/syncjob.js
@@ -160,7 +160,7 @@
         var listItem = $(elem).parents('li');
         var id = listItem.attr('data-itemid');
         var status = listItem.attr('data-status');
-        var remove = listItem.attr('data-remove');
+        var remove = listItem.attr('data-remove').toLowerCase() == 'true';
 
         $('.jobMenu', page).popup("close").remove();