diff --git a/pages/articles/index.vue b/pages/articles/index.vue
index 47d0d6b..eb7a978 100644
--- a/pages/articles/index.vue
+++ b/pages/articles/index.vue
@@ -5,11 +5,11 @@ definePageMeta({
 </script>
 
 <template>
-  <UContainer class="flex flex-col gap-3 prose dark:prose-invert">
+  <UContainer class="prose dark:prose-invert">
     <h1>Articles</h1>
   </UContainer>
 
-  <UContainer class="flex flex-col gap-3 !pt-0">
+  <UContainer class="flex flex-col md:gap-10 gap-5 !pt-0">
     <ContentList :query="{ sort: [{ date: -1 }] }" v-slot="{ list }">
       <div v-for="article in list" :key="article._path">
         <ArticleListing :article="article" />