diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index f37e19e13..ce6e6e1be 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -407,6 +407,13 @@ const Player = ({ urlParams, queryParams }) => {
         }
     }, [video.state.playbackSpeed]);
 
+    React.useEffect(() => {
+        if (sideDrawerOpen) {
+            closeMenus();
+            setImmersed(true);
+        }
+    }, [sideDrawerOpen]);
+
     React.useEffect(() => {
         const toastFilter = (item) => item?.dataset?.type === 'CoreEvent';
         toast.addFilter(toastFilter);
diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index c87f0d5dd..dfcde350a 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -12,8 +12,6 @@
     position: fixed;
     top: 0;
     right: 0;
-    display: flex;
-    justify-content: flex-end;
     overflow: visible;
     position: relative;