diff --git a/site/.eleventy.js b/site/.eleventy.js
index 6040074652..4dcd9a3689 100644
--- a/site/.eleventy.js
+++ b/site/.eleventy.js
@@ -50,7 +50,7 @@ function getMarkdownLib() {
 		.use(markdownItAnchor, {
 			permalink: markdownItAnchor.permalink.linkInsideHeader({
 				placement: 'before',
-				class: '',
+				class: 'header-anchor',
 				symbol: '',
 			}),
 		})
diff --git a/site/src/styles.css b/site/src/styles.css
index 569914e132..4a7d09f8af 100644
--- a/site/src/styles.css
+++ b/site/src/styles.css
@@ -193,3 +193,10 @@
 .token.space:before {
 	color: #3c526d;
 }
+
+.header-anchor {
+	@apply pointer-events-none;
+}
+.header-anchor::before {
+	@apply content-[''] block h-24 -mt-24 invisible md:h-16 md:-mt-16;
+}