diff --git a/src/views/Article.svelte b/src/views/Article.svelte
index f61bc81..3abeee5 100644
--- a/src/views/Article.svelte
+++ b/src/views/Article.svelte
@@ -20,6 +20,7 @@
   const shareUrl = $derived(encodeURIComponent(window.location.href))
 </script>
 
+<div class="article-wrapper">
 <article class="article">
 
   <!-- Date + share buttons -->
@@ -110,14 +111,20 @@
       </div>
     </section>
   {/if}
-
 </article>
 
 <Footer />
+</div>
 
 <style>
+  .article-wrapper {
+    grid-area: 6 / 1 / span 15 / span 20;
+    display: flex;
+    flex-direction: column;
+  }
+
   .article {
-    grid-area: 6 / 1 / span 10 / span 20;
+    height: fit-content;
     padding: 0 20%;
   }
 
diff --git a/src/views/Blog.svelte b/src/views/Blog.svelte
index 5b03889..ebaf637 100644
--- a/src/views/Blog.svelte
+++ b/src/views/Blog.svelte
@@ -309,6 +309,8 @@
 
   .blog :global(.site-footer) {
     margin-left: -50px;
+    margin-right: -50px;
+    margin-top: 4rem;
   }
 
   /* --- Mobile --- */