diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css
index e67641470e..93646f2ad5 100644
--- a/dashboard-ui/css/posteritem.css
+++ b/dashboard-ui/css/posteritem.css
@@ -5,7 +5,7 @@
     display: inline-block;
     font-size: 14px;
     position: relative;
-    color: #fff;
+    color: #fff!important;
     text-decoration: none;
     text-align: left;
     overflow: hidden;
@@ -20,7 +20,12 @@
 .posterItemImage {
     background-size: contain;
     background-repeat: no-repeat;
-    background-position: left bottom;
+    background-position:  center bottom;
+    background-color: #000;
+}
+
+.transparentPosterItem .posterItemImage {
+    background-color: transparent;
 }
 
 .defaultPosterItemImage {
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index 0dff815334..c8f1471999 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -469,26 +469,28 @@
 
             var item = items[i];
 
-            html += '<div class="posterViewItem posterViewItemWithDualText">';
-            html += '<a href="#" onclick="ItemDetailPage.playById(\'' + item.Id + '\');">';
+            html += '<a class="posterItem backdropPosterItem" href="#" onclick="ItemDetailPage.playById(\'' + item.Id + '\');">';
 
             var imageTags = item.ImageTags || {};
 
+            var imgUrl;
+
             if (imageTags.Primary) {
 
-                var imgUrl = ApiClient.getImageUrl(item.Id, {
+                imgUrl = ApiClient.getImageUrl(item.Id, {
                     maxwidth: 500,
                     tag: imageTags.Primary,
                     type: "primary"
                 });
 
-                html += '<img src="' + imgUrl + '" />';
             } else {
-                html += '<img src="css/images/items/detail/video.png"/>';
+                imgUrl = "css/images/items/detail/video.png";
             }
 
-            html += '<div class="posterViewItemText posterViewItemPrimaryText">' + item.Name + '</div>';
-            html += '<div class="posterViewItemText">';
+            html += '<div class="posterItemImage" style="background-image:url(\'' + imgUrl + '\');"></div>';
+
+            html += '<div class="posterItemText">' + item.Name + '</div>';
+            html += '<div class="posterItemText">';
 
             if (item.RunTimeTicks != "") {
                 html += ticks_to_human(item.RunTimeTicks);
@@ -500,7 +502,6 @@
 
             html += '</a>';
 
-            html += '</div>';
         }
 
         return html;
diff --git a/dashboard-ui/scripts/plugincatalogpage.js b/dashboard-ui/scripts/plugincatalogpage.js
index 7db37446a3..04da738a58 100644
--- a/dashboard-ui/scripts/plugincatalogpage.js
+++ b/dashboard-ui/scripts/plugincatalogpage.js
@@ -37,7 +37,7 @@
             var html = '';
             var plugin = availablePlugins[i];
 
-            html += "<a class='posterItem backdropPosterItem' href='addPlugin.html?name=" + encodeURIComponent(plugin.name) + "'>";
+            html += "<a class='posterItem backdropPosterItem transparentPosterItem' href='addPlugin.html?name=" + encodeURIComponent(plugin.name) + "'>";
 
             if (plugin.thumbImage) {
                 html += '<div class="posterItemImage" style="background-image:url(\'' + plugin.thumbImage + '\');"></div>';