diff --git a/dashboard-ui/css/mediaplayer-video.css b/dashboard-ui/css/mediaplayer-video.css
index a576ccd523..8c186ee2ff 100644
--- a/dashboard-ui/css/mediaplayer-video.css
+++ b/dashboard-ui/css/mediaplayer-video.css
@@ -219,12 +219,20 @@
     #videoControls #video-advanced-controls {
         width: 350px;
     }
+
+    #videoControls .nowPlayingText {
+        max-width: 160px;
+    }
 }
 
 @media all and (max-width: 960px), all and (max-height: 550px) {
     #videoControls #video-advanced-controls {
         width: 275px;
     }
+
+    #videoControls .nowPlayingText {
+        max-width: 90px;
+    }
 }
 
 @media all and (max-width: 800px), all and (max-height: 460px) {
diff --git a/dashboard-ui/css/mediaplayer.css b/dashboard-ui/css/mediaplayer.css
index a6d05f8f65..4ac5da63f2 100644
--- a/dashboard-ui/css/mediaplayer.css
+++ b/dashboard-ui/css/mediaplayer.css
@@ -22,11 +22,11 @@
     font-weight: normal;
     position: relative;
     top: -7px;
-    margin-left: 3px;
+    margin: 0 10px 0 3px;
     max-width: 200px;
     overflow: hidden;
-    margin-right: 2em;
     white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
 .nowPlayingDoubleText {