diff --git a/packages/app/src/hooks/useMaxScreen/index.js b/packages/app/src/hooks/useMaxScreen/index.js
index 120a5df7..c6e2cb8b 100644
--- a/packages/app/src/hooks/useMaxScreen/index.js
+++ b/packages/app/src/hooks/useMaxScreen/index.js
@@ -1,25 +1,19 @@
 import React from "react"
 
 export default () => {
-    const enterPlayerAnimation = () => {
-        app.cores.style.applyTemporalVariant("dark")
-        app.layout.toggleCompactMode(true)
-        app.layout.toggleCenteredContent(false)
-        app.controls.toggleUIVisibility(false)
-    }
+	const enterPlayerAnimation = () => {
+		app.controls.toggleUIVisibility(false)
+	}
 
-    const exitPlayerAnimation = () => {
-        app.cores.style.applyVariant(app.cores.style.getStoragedVariantKey())
-        app.layout.toggleCompactMode(false)
-        app.layout.toggleCenteredContent(true)
-        app.controls.toggleUIVisibility(true)
-    }
+	const exitPlayerAnimation = () => {
+		app.controls.toggleUIVisibility(true)
+	}
 
-    React.useEffect(() => {
-        enterPlayerAnimation()
+	React.useEffect(() => {
+		enterPlayerAnimation()
 
-        return () => {
-            exitPlayerAnimation()
-        }
-    }, [])
-}
\ No newline at end of file
+		return () => {
+			exitPlayerAnimation()
+		}
+	}, [])
+}