diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index a0537c4682..e1dfe1ceb2 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -787,7 +787,9 @@ progress {
     margin-right: 20px;
     display: inline-block;
     position: relative;
-    width: 270px;
+}
+#mediaElement.video {
+	width: 270px;
 }
 
 #nowPlayingBar #mediaInfo, #nowPlayingBar #mediaInfo div {
diff --git a/dashboard-ui/scripts/mediaplayer.js b/dashboard-ui/scripts/mediaplayer.js
index a39534c408..0292338cfd 100644
--- a/dashboard-ui/scripts/mediaplayer.js
+++ b/dashboard-ui/scripts/mediaplayer.js
@@ -188,7 +188,7 @@
 
         var nowPlayingBar = $('#nowPlayingBar');
 
-        $('#mediaElement', nowPlayingBar).html(html).show();
+        $('#mediaElement', nowPlayingBar).addClass("video").html(html).show();
 
         _V_("videoWindow", { 'controls': true, 'autoplay': true, 'preload': 'auto' }, function () {