diff --git a/apps/player/src/layouts/MainLayout.vue b/apps/player/src/layouts/MainLayout.vue
index 955ffeb..31e3270 100644
--- a/apps/player/src/layouts/MainLayout.vue
+++ b/apps/player/src/layouts/MainLayout.vue
@@ -172,7 +172,7 @@ watch(
       />
     </div>
 
-    <main ref="mainRef" :class="['main', { 'has-nav': showBottomNav }]">
+    <main ref="mainRef" :class="['main', { 'has-nav': showBottomNav, 'main--detail': isDetailPage }]">
       <RouterView v-slot="{ Component, route: viewRoute }">
         <KeepAlive v-if="viewRoute.meta.keepAlive" :max="10">
           <component :is="Component" :key="viewRoute.path" />
@@ -349,6 +349,9 @@ watch(
 .main.has-nav {
   padding-bottom: 16px;
 }
+.main.main--detail {
+  padding-top: 0;
+}
 
 .bottom-nav {
   display: flex;