diff --git a/package-lock.json b/package-lock.json
index d78d821..bf71608 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
                 "@mui/icons-material": "^6.1.2",
                 "@mui/lab": "^6.0.0-beta.11",
                 "@mui/material": "^6.1.2",
+                "@mui/material-next": "^6.0.0-alpha.126",
                 "@rollup/plugin-inject": "^5.0.5",
                 "@vanilla-extract/css": "^1.16.0",
                 "@vanilla-extract/vite-plugin": "^4.0.16",
@@ -2611,6 +2612,266 @@
                 }
             }
         },
+        "node_modules/@mui/material-next": {
+            "version": "6.0.0-alpha.126",
+            "resolved": "https://registry.npmjs.org/@mui/material-next/-/material-next-6.0.0-alpha.126.tgz",
+            "integrity": "sha512-EOdNpwNYbtAmpZYLe68akxTYEjUrHclI8xqpGXTUSYeZw6Boh2C+V7bPO13jM9DweKJL0SgiT3KpuRGkDkDw3w==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.23.9",
+                "@mui/base": "5.0.0-beta.39",
+                "@mui/material": "^5.15.13",
+                "@mui/system": "^5.15.13",
+                "@mui/types": "^7.2.13",
+                "@mui/utils": "^5.15.13",
+                "@types/react-transition-group": "^4.4.10",
+                "clsx": "^2.1.0",
+                "prop-types": "^15.8.1",
+                "react-is": "^18.2.0",
+                "react-transition-group": "^4.4.5"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/mui-org"
+            },
+            "peerDependencies": {
+                "@emotion/react": "^11.5.0",
+                "@emotion/styled": "^11.3.0",
+                "@types/react": "^17.0.0 || ^18.0.0",
+                "react": "^17.0.0 || ^18.0.0",
+                "react-dom": "^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@emotion/react": {
+                    "optional": true
+                },
+                "@emotion/styled": {
+                    "optional": true
+                },
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@mui/material-next/node_modules/@mui/base": {
+            "version": "5.0.0-beta.39",
+            "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.39.tgz",
+            "integrity": "sha512-puyUptF7VJ+9/dMIRLF+DLR21cWfvejsA6OnatfJfqFp8aMhya7xQtvYLEfCch6ahvFZvNC9FFEGGR+qkgFjUg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.23.9",
+                "@floating-ui/react-dom": "^2.0.8",
+                "@mui/types": "^7.2.13",
+                "@mui/utils": "^5.15.13",
+                "@popperjs/core": "^2.11.8",
+                "clsx": "^2.1.0",
+                "prop-types": "^15.8.1"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/mui-org"
+            },
+            "peerDependencies": {
+                "@types/react": "^17.0.0 || ^18.0.0",
+                "react": "^17.0.0 || ^18.0.0",
+                "react-dom": "^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@mui/material-next/node_modules/@mui/core-downloads-tracker": {
+            "version": "5.16.7",
+            "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.16.7.tgz",
+            "integrity": "sha512-RtsCt4Geed2/v74sbihWzzRs+HsIQCfclHeORh5Ynu2fS4icIKozcSubwuG7vtzq2uW3fOR1zITSP84TNt2GoQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/mui-org"
+            }
+        },
+        "node_modules/@mui/material-next/node_modules/@mui/material": {
+            "version": "5.16.7",
+            "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.16.7.tgz",
+            "integrity": "sha512-cwwVQxBhK60OIOqZOVLFt55t01zmarKJiJUWbk0+8s/Ix5IaUzAShqlJchxsIQ4mSrWqgcKCCXKtIlG5H+/Jmg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.23.9",
+                "@mui/core-downloads-tracker": "^5.16.7",
+                "@mui/system": "^5.16.7",
+                "@mui/types": "^7.2.15",
+                "@mui/utils": "^5.16.6",
+                "@popperjs/core": "^2.11.8",
+                "@types/react-transition-group": "^4.4.10",
+                "clsx": "^2.1.0",
+                "csstype": "^3.1.3",
+                "prop-types": "^15.8.1",
+                "react-is": "^18.3.1",
+                "react-transition-group": "^4.4.5"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/mui-org"
+            },
+            "peerDependencies": {
+                "@emotion/react": "^11.5.0",
+                "@emotion/styled": "^11.3.0",
+                "@types/react": "^17.0.0 || ^18.0.0",
+                "react": "^17.0.0 || ^18.0.0",
+                "react-dom": "^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@emotion/react": {
+                    "optional": true
+                },
+                "@emotion/styled": {
+                    "optional": true
+                },
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@mui/material-next/node_modules/@mui/private-theming": {
+            "version": "5.16.6",
+            "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.16.6.tgz",
+            "integrity": "sha512-rAk+Rh8Clg7Cd7shZhyt2HGTTE5wYKNSJ5sspf28Fqm/PZ69Er9o6KX25g03/FG2dfpg5GCwZh/xOojiTfm3hw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.23.9",
+                "@mui/utils": "^5.16.6",
+                "prop-types": "^15.8.1"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/mui-org"
+            },
+            "peerDependencies": {
+                "@types/react": "^17.0.0 || ^18.0.0",
+                "react": "^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@mui/material-next/node_modules/@mui/styled-engine": {
+            "version": "5.16.6",
+            "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.16.6.tgz",
+            "integrity": "sha512-zaThmS67ZmtHSWToTiHslbI8jwrmITcN93LQaR2lKArbvS7Z3iLkwRoiikNWutx9MBs8Q6okKvbZq1RQYB3v7g==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.23.9",
+                "@emotion/cache": "^11.11.0",
+                "csstype": "^3.1.3",
+                "prop-types": "^15.8.1"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/mui-org"
+            },
+            "peerDependencies": {
+                "@emotion/react": "^11.4.1",
+                "@emotion/styled": "^11.3.0",
+                "react": "^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@emotion/react": {
+                    "optional": true
+                },
+                "@emotion/styled": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@mui/material-next/node_modules/@mui/system": {
+            "version": "5.16.7",
+            "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.16.7.tgz",
+            "integrity": "sha512-Jncvs/r/d/itkxh7O7opOunTqbbSSzMTHzZkNLM+FjAOg+cYAZHrPDlYe1ZGKUYORwwb2XexlWnpZp0kZ4AHuA==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.23.9",
+                "@mui/private-theming": "^5.16.6",
+                "@mui/styled-engine": "^5.16.6",
+                "@mui/types": "^7.2.15",
+                "@mui/utils": "^5.16.6",
+                "clsx": "^2.1.0",
+                "csstype": "^3.1.3",
+                "prop-types": "^15.8.1"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/mui-org"
+            },
+            "peerDependencies": {
+                "@emotion/react": "^11.5.0",
+                "@emotion/styled": "^11.3.0",
+                "@types/react": "^17.0.0 || ^18.0.0",
+                "react": "^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@emotion/react": {
+                    "optional": true
+                },
+                "@emotion/styled": {
+                    "optional": true
+                },
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@mui/material-next/node_modules/@mui/utils": {
+            "version": "5.16.6",
+            "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.16.6.tgz",
+            "integrity": "sha512-tWiQqlhxAt3KENNiSRL+DIn9H5xNVK6Jjf70x3PnfQPz1MPBdh7yyIcAyVBT9xiw7hP3SomRhPR7hzBMBCjqEA==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.23.9",
+                "@mui/types": "^7.2.15",
+                "@types/prop-types": "^15.7.12",
+                "clsx": "^2.1.1",
+                "prop-types": "^15.8.1",
+                "react-is": "^18.3.1"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/mui-org"
+            },
+            "peerDependencies": {
+                "@types/react": "^17.0.0 || ^18.0.0",
+                "react": "^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/@mui/private-theming": {
             "version": "6.1.3",
             "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-6.1.3.tgz",
diff --git a/package.json b/package.json
index e6002bb..f817cc1 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
         "@mui/icons-material": "^6.1.2",
         "@mui/lab": "^6.0.0-beta.11",
         "@mui/material": "^6.1.2",
+        "@mui/material-next": "^6.0.0-alpha.126",
         "@rollup/plugin-inject": "^5.0.5",
         "@vanilla-extract/css": "^1.16.0",
         "@vanilla-extract/vite-plugin": "^4.0.16",
diff --git a/src/app/pages/Landing.tsx b/src/app/pages/Landing.tsx
index c22c3e4..7e71b0b 100644
--- a/src/app/pages/Landing.tsx
+++ b/src/app/pages/Landing.tsx
@@ -17,6 +17,7 @@ export default function Landing() {
         <Page>
             <AppHeader />
             <PageRoot>
+                
                 <Typography variant='button'>Playlists</Typography>
                 <Scroll display='flex' gap={theme.spacing(2)}>
                     <AddPlaylistButton onCreate={handleCreatePlaylist} />
diff --git a/src/app/pages/PlayerMaximized.tsx b/src/app/pages/PlayerMaximized.tsx
index 1e0e7bf..401e87e 100644
--- a/src/app/pages/PlayerMaximized.tsx
+++ b/src/app/pages/PlayerMaximized.tsx
@@ -107,8 +107,8 @@ export default function PlayerMaximized() {
     const [selectedTab, setSelectedTab] = useState(0);
     return (
         <MotionPage
-            initial={{ scale: 0.7, opacity: 0.3 }}
-            animate={{ scale: 1, opacity: 1 }}
+            initial={{ translateY: '80%', opacity: 0.3 }}
+            animate={{ translateY: '0%', opacity: 1 }}
         >
             <AppBar position='sticky'>
                 <Toolbar>