diff --git a/website/app/assets/css/main.css b/website/app/assets/css/main.css
index 2f81a51..6f9b3b0 100644
--- a/website/app/assets/css/main.css
+++ b/website/app/assets/css/main.css
@@ -9,8 +9,8 @@
 :root {
     --mangacover-width: 240px;
     --mangacover-height: 350px;
-    --mangacover-width-sm: 180px;
-    --mangacover-height-sm: 260px;
+    --mangacover-width-sm: 150px;
+    --mangacover-height-sm: 220px;
 }
 
 @keyframes shake {
diff --git a/website/app/pages/index.vue b/website/app/pages/index.vue
index 10532de..45e8968 100644
--- a/website/app/pages/index.vue
+++ b/website/app/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
     <LoadingPage :loading="status === 'pending'">
-        <MangaCardList :manga="manga" class="mx-4 mt-2" @click="(m) => navigateTo(`/manga/${m.key}`)" />
+        <MangaCardList :manga="manga" class="min-md:mx-4 max-md:mx-0 mt-2" @click="(m) => navigateTo(`/manga/${m.key}`)" />
     </LoadingPage>
 </template>