diff --git a/packages/app/src/pages/live/[key].jsx b/packages/app/src/pages/live/[key].jsx
index 21fa888b..cb48df67 100755
--- a/packages/app/src/pages/live/[key].jsx
+++ b/packages/app/src/pages/live/[key].jsx
@@ -252,6 +252,8 @@ export default class StreamViewer extends React.Component {
     }
 
     enterPlayerAnimation = () => {
+        app.layout.toggleCenteredContent(false)
+
         // make the interface a bit confortable for a video player
         app.cores.style.applyVariant("dark")
 
diff --git a/packages/app/src/pages/lyrics/index.jsx b/packages/app/src/pages/lyrics/index.jsx
index d7b27fd7..ab9c9e63 100644
--- a/packages/app/src/pages/lyrics/index.jsx
+++ b/packages/app/src/pages/lyrics/index.jsx
@@ -605,6 +605,8 @@ export default class SyncLyrics extends React.Component {
             app.controls.toggleUIVisibility(false)
         }
 
+        app.layout.toggleCenteredContent(false)
+
         app.cores.style.compactMode(true)
         app.cores.style.applyVariant("dark")