diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index 916577705c..7e8eef7d29 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -301,8 +301,8 @@ form, .readOnlyContent {
     }
 
     .libraryPage .ui-content {
-        padding-right: 50px;
-        padding-left: 50px;
+        padding-right: 40px;
+        padding-left: 40px;
     }
 
     .type-interior > .ui-content {
@@ -624,7 +624,7 @@ form, .readOnlyContent {
 
 /* Footer */
 #footer {
-    background: #5a5a5a;
+    background: #4C4C4C;
     position: fixed;
     bottom: -2px;
     left: -2px;
@@ -801,8 +801,14 @@ progress {
 
 /* Now playing bar */
 #nowPlayingBar {
-    padding: 10px 20px 8px;
-    border-top: 1px solid #5490CC;
+    padding: 8px 20px;
+    border-top: 2px solid #D7742B;
+}
+
+.nowPlayingBarImage {
+    border: 1px solid #a7a7a7;
+    padding: 1px;
+    vertical-align: bottom;
 }
 
 .mediaButton {
diff --git a/dashboard-ui/scripts/mediaplayer.js b/dashboard-ui/scripts/mediaplayer.js
index 1d9b0d37ad..f76ef00344 100644
--- a/dashboard-ui/scripts/mediaplayer.js
+++ b/dashboard-ui/scripts/mediaplayer.js
@@ -70,12 +70,13 @@
         //display image and title
         var imageTags = item.ImageTags || {};
         var html = '';
+        var url = "";
 
         if (item.BackdropImageTags && item.BackdropImageTags.length) {
 
             url = ApiClient.getImageUrl(item.Id, {
                 type: "Backdrop",
-                height: 30,
+                height: 36,
                 tag: item.BackdropImageTags[0]
             });
         }
@@ -83,7 +84,7 @@
 
             url = ApiClient.getImageUrl(item.Id, {
                 type: "Thumb",
-                height: 30,
+                height: 36,
                 tag: item.ImageTags.Thumb
             });
         }
@@ -91,7 +92,7 @@
 
             url = ApiClient.getImageUrl(item.Id, {
                 type: "Primary",
-                height: 30,
+                height: 36,
                 tag: item.ImageTags.Primary
             });
         }else {
@@ -99,7 +100,7 @@
         }
 
         var name = item.Name;
-        var series_name = '';
+        var seriesName = '';
 
         if (item.IndexNumber != null) {
             name = item.IndexNumber + " - " + name;
@@ -108,11 +109,11 @@
             name = item.ParentIndexNumber + "." + name;
         }
         if (item.SeriesName || item.Album || item.ProductionYear) {
-            series_name = item.SeriesName || item.Album || item.ProductionYear;
+            seriesName = item.SeriesName || item.Album || item.ProductionYear;
         }
 
-        html += "<div><img class='clientNowPlayingImage' alt='' title='' src='" + url + "' style='height:30px;display:inline-block;' /></div>";
-        html += '<div>'+name+'<br/>'+series_name+'</div>';
+        html += "<div><img class='nowPlayingBarImage' alt='' title='' src='" + url + "' style='height:36px;display:inline-block;' /></div>";
+        html += '<div>'+name+'<br/>'+seriesName+'</div>';
 
         $('#mediaInfo', nowPlayingBar).html(html);
     },