diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index aaa1b59..261895a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -102,7 +102,7 @@
 </section>
 
 {#if data.highlightedPosts.length > 0}
-	<section>
+	<section class="highlighted">
 		<h2>Highlighted Blog Posts</h2>
 		<BlogPostList showYear showReadingTime={false} posts={data.highlightedPosts} />
 		<div class="all-posts-button">
@@ -122,6 +122,10 @@
 		clip-path: var(--clip-path);
 	}
 
+	.highlighted {
+		margin-top: 4rem;
+	}
+
 	.socials {
 		display: flex;
 		flex-wrap: wrap;