diff --git a/src/views/list/index.vue b/src/views/list/index.vue
index d34fc98..6bb6ca9 100644
--- a/src/views/list/index.vue
+++ b/src/views/list/index.vue
@@ -189,13 +189,13 @@ watch(
 }
 
 .recommend {
-  @apply w-full h-full bg-none px-4;
+  @apply w-full h-full bg-none;
   &-title {
     @apply text-lg font-bold text-white pb-4;
   }
 
   &-list {
-    @apply grid gap-x-8 gap-y-6 pb-28;
+    @apply grid gap-x-8 gap-y-6 pb-28 pr-4;
     grid-template-columns: repeat(v-bind(ITEMS_PER_ROW), minmax(0, 1fr));
   }
   &-item {
diff --git a/src/views/mv/index.vue b/src/views/mv/index.vue
index 9a0f2a6..b68f0ae 100644
--- a/src/views/mv/index.vue
+++ b/src/views/mv/index.vue
@@ -162,14 +162,14 @@ const isPrevDisabled = computed(() => currentIndex.value === 0);
 
 <style scoped lang="scss">
 .mv-list {
-  @apply relative h-full w-full px-4;
+  @apply relative h-full w-full;
 
   &-title {
     @apply text-xl font-bold;
   }
 
   &-content {
-    @apply grid gap-6 pb-28 mt-2;
+    @apply grid gap-6 pb-28 mt-2 pr-4;
     grid-template-columns: repeat(auto-fill, minmax(14%, 1fr));
   }