diff --git a/static/css/main.scss b/static/css/main.scss
index d5aece65..a9028797 100644
--- a/static/css/main.scss
+++ b/static/css/main.scss
@@ -138,4 +138,8 @@ html {
   body > footer * { margin: 1em auto; }
 
   .flex.wrap { flex-direction: column; }
+
+  .cards {
+    margin: 1rem 0 5rem;
+  }
 }
diff --git a/templates/blogs/details.rs.html b/templates/blogs/details.rs.html
index 81664dc4..67996d3c 100644
--- a/templates/blogs/details.rs.html
+++ b/templates/blogs/details.rs.html
@@ -74,7 +74,7 @@
         @if posts.is_empty() {
             <p>@i18n!(ctx.1, "No posts to see here yet.")</p>
         }
-        <div class="cards">
+        <div class="cards spaced">
             @for article in posts {
                 @:post_card(ctx, article)
             }
diff --git a/templates/instance/federated.rs.html b/templates/instance/federated.rs.html
index 7c1510b2..5bc5c5e5 100644
--- a/templates/instance/federated.rs.html
+++ b/templates/instance/federated.rs.html
@@ -24,7 +24,7 @@
         ])
     }
 
-    <div class="cards">
+    <div class="cards spaced">
         @for article in articles {
             @:post_card(ctx, article)
         }
diff --git a/templates/instance/feed.rs.html b/templates/instance/feed.rs.html
index aabec6f8..bdeea7d6 100644
--- a/templates/instance/feed.rs.html
+++ b/templates/instance/feed.rs.html
@@ -16,7 +16,7 @@
     ])
 
     @if !articles.is_empty() {
-        <div class="cards">
+        <div class="cards spaced">
             @for article in articles {
                 @:post_card(ctx, article)
             }
diff --git a/templates/instance/local.rs.html b/templates/instance/local.rs.html
index 919181f4..1adea965 100644
--- a/templates/instance/local.rs.html
+++ b/templates/instance/local.rs.html
@@ -25,7 +25,7 @@
         ])
     }
 
-    <div class="cards">
+    <div class="cards spaced">
         @for article in articles {
             @:post_card(ctx, article)
         }