diff --git a/packages/app/src/pages/account/[username]/index.jsx b/packages/app/src/pages/account/[username]/index.jsx
index 75ee2c0e..85d9ce68 100644
--- a/packages/app/src/pages/account/[username]/index.jsx
+++ b/packages/app/src/pages/account/[username]/index.jsx
@@ -14,7 +14,6 @@ import FollowsModel from "@models/follows"
 
 import DetailsTab from "./tabs/details"
 import PostsTab from "./tabs/posts"
-import MusicTab from "./tabs/music"
 import FollowersTab from "./tabs/followers"
 
 import "./index.less"
@@ -23,7 +22,6 @@ const TabsComponent = {
 	posts: PostsTab,
 	followers: FollowersTab,
 	details: DetailsTab,
-	music: MusicTab,
 }
 
 const Account = ({ params }) => {
@@ -115,11 +113,6 @@ const Account = ({ params }) => {
 		setTabActiveKey(normalizedKey)
 	}
 
-	const onPostListTopVisibility = () => {
-		// This function was referenced but not defined in the original component
-		// You may need to implement this based on your requirements
-	}
-
 	useEffect(() => {
 		loadUserData()
 	}, [params.username])
@@ -204,7 +197,6 @@ const Account = ({ params }) => {
 							}}
 						>
 							{React.createElement(TabsComponent[tabActiveKey], {
-								onTopVisibility: onPostListTopVisibility,
 								state: state,
 							})}
 						</motion.div>
@@ -223,11 +215,6 @@ const Account = ({ params }) => {
 								label: "Posts",
 								icon: "FiBookOpen",
 							},
-							{
-								id: "music",
-								label: "Music",
-								icon: "MdAlbum",
-							},
 							{
 								id: "followers",
 								label: "Followers",
diff --git a/packages/app/src/pages/account/[username]/tabs/music/index.jsx b/packages/app/src/pages/account/[username]/tabs/music/index.jsx
deleted file mode 100755
index 10666047..00000000
--- a/packages/app/src/pages/account/[username]/tabs/music/index.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from "react"
-import * as antd from "antd"
-import classnames from "classnames"
-
-import Playlist from "@components/Music/Playlist"
-
-import MusicModel from "@models/music"
-
-import "./index.less"
-
-export default (props) => {
-	const user_id = props.state.user._id
-
-	const [L_Releases, R_Releases, E_Releases, M_Releases] =
-		app.cores.api.useRequest(MusicModel.getAllReleases, {
-			user_id: user_id,
-		})
-
-	if (E_Releases) {
-		return (
-			<antd.Result
-				status="warning"
-				title="Failed to retrieve releases"
-				subTitle={E_Releases.message}
-			/>
-		)
-	}
-
-	if (L_Releases) {
-		return <antd.Skeleton active />
-	}
-
-	const isEmpty = R_Releases.items.length === 0
-
-	return (
-		<div
-			className={classnames("profile_releases", {
-				["empty"]: isEmpty,
-			})}
-		>
-			{isEmpty && (
-				<antd.Result
-					status="warning"
-					title="This user has no releases yet."
-				/>
-			)}
-			{R_Releases.items.map((r) => {
-				return <Playlist key={r._id} playlist={r} />
-			})}
-		</div>
-	)
-}
diff --git a/packages/app/src/pages/account/[username]/tabs/music/index.less b/packages/app/src/pages/account/[username]/tabs/music/index.less
deleted file mode 100755
index 82f54fe4..00000000
--- a/packages/app/src/pages/account/[username]/tabs/music/index.less
+++ /dev/null
@@ -1,31 +0,0 @@
-.profile_releases {
-    display: grid;
-
-    width: 100%;
-
-    grid-auto-columns: auto;
-
-    grid-template-columns: repeat(3, 1fr);
-    grid-template-rows: 1fr;
-    grid-column-gap: 20px;
-    grid-row-gap: 20px;
-
-    @media (min-width: 2000px) {
-        grid-template-columns: repeat(4, 1fr);
-    }
-
-    @media (min-width: 2300px) {
-        grid-template-columns: repeat(5, 1fr);
-    }
-
-    .playlistItem {
-        justify-self: center;
-    }
-
-    &.empty {
-        display: flex;
-
-        align-items: center;
-        justify-content: center;
-    }
-}
\ No newline at end of file