diff --git a/packages/app/src/pages/streams/viewer/index.jsx b/packages/app/src/pages/streams/viewer/index.jsx
index c258c1b6..c95dd25a 100644
--- a/packages/app/src/pages/streams/viewer/index.jsx
+++ b/packages/app/src/pages/streams/viewer/index.jsx
@@ -59,9 +59,11 @@ export default class StreamViewer extends React.Component {
         await this.loadWithProtocol[this.state.loadedProtocol]()
 
         // make the interface a bit confortable for a video player
-        app.ThemeController.applyVariant("dark")
+        app.style.applyVariant("dark")
+
         app.eventBus.emit("toogleCompactMode", true)
-        app.SidebarController.tooggleVisibility(false)
+
+        app.SidebarController.toggleVisibility(false)
         app.HeaderController.toggleVisibility(false)
 
         // fetch user info in the background
@@ -78,11 +80,12 @@ export default class StreamViewer extends React.Component {
     }
 
     componentWillUnmount = () => {
-        app.ThemeController.applyVariant(app.settings.get("themeVariant"))
+        app.style.applyVariant(app.settings.get("themeVariant"))
+
         app.eventBus.emit("toogleCompactMode", false)
+
         app.SidebarController.toggleVisibility(true)
         app.HeaderController.toggleVisibility(true)
-        app.HeaderController.toggleVisibility(true)
 
         if (this.timerCounterInterval) {
             this.timerCounterInterval = clearInterval(this.timerCounterInterval)