diff --git a/plugins/parcel-transformer-markdown-html/lib/index.js b/plugins/parcel-transformer-markdown-html/lib/index.js
index 93d661239..3eee571ee 100644
--- a/plugins/parcel-transformer-markdown-html/lib/index.js
+++ b/plugins/parcel-transformer-markdown-html/lib/index.js
@@ -278,6 +278,8 @@ function extractH1AndFirstP(htmlString) {
 	);
 	const h1 = h1Match ? h1Match[1].toString() : null;
 	// for morning, why isn't string replace working
-	const html = htmlString.replaceAll(entireh1Match, '').replace(pMatch, '');
+	const html = htmlString
+		.replaceAll(entireh1Match, '')
+		.replace(p, '<div class="h1-inverse-spacer"></div>');
 	return { h1, p, html };
 }
diff --git a/site/src/scaffold/styles/layout.scss b/site/src/scaffold/styles/layout.scss
index 837529926..3f239f39b 100644
--- a/site/src/scaffold/styles/layout.scss
+++ b/site/src/scaffold/styles/layout.scss
@@ -39,6 +39,10 @@ html {
 	justify-content: flex-end;
 }
 
+.h1-inverse-spacer {
+	margin-block-end: -2rem;
+}
+
 #article {
 	grid-area: article;
 	overflow: hidden;