diff --git a/apps/player/src/layouts/MainLayout.vue b/apps/player/src/layouts/MainLayout.vue
index 56e61d9..bd3cba2 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" />
@@ -350,6 +350,9 @@ watch(
 .main.has-nav {
   padding-bottom: 16px;
 }
+.main.main--detail {
+  padding-top: 0;
+}
 
 .bottom-nav {
   display: flex;
diff --git a/apps/player/src/views/MatchDetailView.vue b/apps/player/src/views/MatchDetailView.vue
index 918df02..04388b6 100644
--- a/apps/player/src/views/MatchDetailView.vue
+++ b/apps/player/src/views/MatchDetailView.vue
@@ -453,7 +453,7 @@ function onPickSelection(selId: string, marketId: string) {
 <style scoped>
 .detail-page {
   margin: 0 -16px;
-  padding-top: 8px;
+  padding-top: 0;
   padding-bottom: 16px;
   background: var(--bg-body);
 }