diff --git a/src/pages/ranking.vue b/src/pages/ranking.vue
index da93e472..92b21134 100644
--- a/src/pages/ranking.vue
+++ b/src/pages/ranking.vue
@@ -4,9 +4,9 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue';
 
 <template>
   <div>
-    <MediaCardSlideView apipath="tmdb/trending" class="mb-3">
+    <MediaCardSlideView apipath="tmdb/trending">
       <template #title="{ loaded }">
-        <div class="slider-header" v-if="loaded">
+        <div class="slider-header ms-1" v-if="loaded">
           <RouterLink to="/browse/tmdb/trending" class="slider-title">
             <span>流行趋势</span>
             <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
@@ -15,9 +15,9 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue';
       </template>
     </MediaCardSlideView>
 
-    <MediaCardSlideView apipath="tmdb/movies" class="mb-3">
+    <MediaCardSlideView apipath="tmdb/movies">
       <template #title="{ loaded }">
-        <div class="slider-header" v-if="loaded">
+        <div class="slider-header mt-3 ms-1" v-if="loaded">
           <RouterLink to="/browse/tmdb/movies" class="slider-title">
             <span>热门电影</span>
             <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
@@ -26,9 +26,9 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue';
       </template>
     </MediaCardSlideView>
 
-    <MediaCardSlideView apipath="tmdb/tvs" class="mb-3">
+    <MediaCardSlideView apipath="tmdb/tvs">
       <template #title="{ loaded }">
-        <div class="slider-header" v-if="loaded">
+        <div class="slider-header mt-3 ms-1" v-if="loaded">
           <RouterLink to="/browse/tmdb/tvs" class="slider-title">
             <span>热门电视剧</span>
             <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
@@ -37,9 +37,9 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue';
       </template>
     </MediaCardSlideView>
 
-    <MediaCardSlideView apipath="douban/movies" class="mb-3">
+    <MediaCardSlideView apipath="douban/movies">
       <template #title="{ loaded }">
-        <div class="slider-header" v-if="loaded">
+        <div class="slider-header mt-3 ms-1" v-if="loaded">
           <RouterLink to="/browse/douban/movies" class="slider-title">
             <span>最新电影</span>
             <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
@@ -48,9 +48,9 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue';
       </template>
     </MediaCardSlideView>
 
-    <MediaCardSlideView apipath="douban/tvs" class="mb-3">
+    <MediaCardSlideView apipath="douban/tvs">
       <template #title="{ loaded }">
-        <div class="slider-header" v-if="loaded">
+        <div class="slider-header mt-3 ms-1" v-if="loaded">
           <RouterLink to="/browse/douban/tvs" class="slider-title">
             <span>最新电视剧</span>
             <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
@@ -59,9 +59,9 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue';
       </template>
     </MediaCardSlideView>
 
-    <MediaCardSlideView apipath="douban/tv_weekly_chinese" class="mb-3">
+    <MediaCardSlideView apipath="douban/tv_weekly_chinese">
       <template #title="{ loaded }">
-        <div class="slider-header" v-if="loaded">
+        <div class="slider-header mt-3 ms-1" v-if="loaded">
           <RouterLink to="/browse/douban/tv_weekly_chinese" class="slider-title">
             <span>国产剧集榜</span>
             <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
@@ -70,9 +70,9 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue';
       </template>
     </MediaCardSlideView>
 
-    <MediaCardSlideView apipath="douban/tv_weekly_global" class="mb-3">
+    <MediaCardSlideView apipath="douban/tv_weekly_global">
       <template #title="{ loaded }">
-        <div class="slider-header" v-if="loaded">
+        <div class="slider-header mt-3 ms-1" v-if="loaded">
           <RouterLink to="/browse/douban/tv_weekly_global" class="slider-title">
             <span>全球剧集榜</span>
             <VIcon icon="mdi-arrow-right-circle-outline" class="ms-1" />
@@ -88,7 +88,7 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue';
   position: relative;
   display: flex;
 
-  @apply mb-3;
+  @apply mb-1;
 }
 
 .slider-title {