diff --git a/dashboard-ui/css/mediaplayer-video.css b/dashboard-ui/css/mediaplayer-video.css
index 950b2141c7..f38e0e8308 100644
--- a/dashboard-ui/css/mediaplayer-video.css
+++ b/dashboard-ui/css/mediaplayer-video.css
@@ -37,7 +37,7 @@
 
 .videoControls {
     padding: .5em .5em;
-    background-color: rgba(0, 0, 0, .8);
+    background-color: rgba(0, 0, 0, .7);
     position: fixed;
     left: 0;
     bottom: 0;
@@ -74,8 +74,9 @@
 }
 
 .nowPlayingInfo {
-    text-align: center;
-    padding: 1em 1em 1.5em;
+  text-align: center;
+  padding: 1em 1em 0 1em;
+
 }
 
 #videoPlayer .nowPlayingImage img {
@@ -95,11 +96,11 @@
     vertical-align: top;
     position: static;
     color: #eee;
-    max-width: 800px;
+    max-width: 80%;
 }
 
 .videoNowPlayingName {
-    font-size: 26px;
+    font-size: 22px;
 }
 
 .videoNowPlayingOverview, .videoNowPlayingRating {
@@ -198,8 +199,8 @@
 @media all and (min-width: 1300px) {
     #videoPlayer .nowPlayingImage img {
         height: auto !important;
-        max-width: 250px;
-        max-height: 300px;
+        max-width: 400px;
+        max-height: 250px;
     }
 }
 
diff --git a/dashboard-ui/scripts/mediaplayer-video.js b/dashboard-ui/scripts/mediaplayer-video.js
index 0e5a63bfde..7d2493ea42 100644
--- a/dashboard-ui/scripts/mediaplayer-video.js
+++ b/dashboard-ui/scripts/mediaplayer-video.js
@@ -290,8 +290,8 @@
             var state = self.getPlayerStateInternal(self.currentMediaElement, item, self.currentMediaSource);
 
             var url = "";
-            var imageWidth = 250;
-            var imageHeight = 400;
+            var imageWidth = 400;
+            var imageHeight = 250;
 
             if (state.NowPlayingItem.PrimaryImageTag) {