diff --git a/src/routes/Player/SideDrawerButton/SideDrawerButton.less b/src/routes/Player/SideDrawerButton/SideDrawerButton.less
index a4706e685..e7e86027f 100644
--- a/src/routes/Player/SideDrawerButton/SideDrawerButton.less
+++ b/src/routes/Player/SideDrawerButton/SideDrawerButton.less
@@ -42,7 +42,6 @@
         .icon {
             width: 2rem;
             height: 2rem;
-            margin-right: 2.5rem;
         }
     }
 }
\ No newline at end of file
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index 5dec30bba..e74604294 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -130,6 +130,16 @@ html:not(.active-slider-within) {
     }
 }
 
+@media screen and (max-width: @xsmall) {
+    .player-container {
+        .layer {
+            &.side-drawer-button-layer {
+                right: -2rem;
+            }
+        }
+    }
+}
+
 @media (orientation: portrait) and (max-width: @minimum) {
     .player-container {
         .layer {