diff --git a/packages/app/src/pages/music/index.jsx b/packages/app/src/pages/music/index.jsx
index ebe9f414..ea5ce9cb 100755
--- a/packages/app/src/pages/music/index.jsx
+++ b/packages/app/src/pages/music/index.jsx
@@ -1,10 +1,6 @@
-import React from "react"
-
 import { Icons } from "@components/Icons"
 import { PagePanelWithNavMenu } from "@components/PagePanels"
 
-import useCenteredContainer from "@hooks/useCenteredContainer"
-
 import Tabs from "./tabs"
 
 const NavMenuHeader = (
@@ -14,9 +10,7 @@ const NavMenuHeader = (
 	</h2>
 )
 
-export default () => {
-	useCenteredContainer(false)
-
+const MusicPage = () => {
 	return (
 		<PagePanelWithNavMenu
 			tabs={Tabs}
@@ -28,3 +22,5 @@ export default () => {
 		/>
 	)
 }
+
+export default MusicPage