diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css
index 587c11bd..e1668f5d 100755
--- a/server/public/assets/css/style.css
+++ b/server/public/assets/css/style.css
@@ -3207,6 +3207,10 @@ nav ul li:hover, nav ul li.active {
         display: block !important;
     }
 
+    .small-display-hide {
+        display: none !important;
+    }
+
     .hide-on-small-only{
         display:none;
     }
diff --git a/server/public/assets/js/player.js b/server/public/assets/js/player.js
index 931556d2..57bc9313 100755
--- a/server/public/assets/js/player.js
+++ b/server/public/assets/js/player.js
@@ -748,6 +748,7 @@ var Player = {
                 if(gotten_np) gotten_np = false;
                 if(window.location.pathname != "/") Playercontrols.play_pause_show();
                 mobile_beginning = true;
+                Helper.addClass("#player_overlay", "small-display-hide");
             }
             Helper.removeClass("#play", "hide");
             Helper.addClass("#pause", "hide");
@@ -799,7 +800,7 @@ var Player = {
                 resizePlaylistPlaying(scPlaying);
             }
         }
-
+        Helper.removeClass("#player_overlay", "small-display-hide");
         Helper.css("#playpause", "visibility", "visible");
         Helper.css("#playpause", "pointer-events", "all");
         playing = true;