diff --git a/docs/app/global.css b/docs/app/global.css
index edf13af9d9..faaceebe9e 100644
--- a/docs/app/global.css
+++ b/docs/app/global.css
@@ -246,6 +246,12 @@
 
 html {
 	scroll-behavior: smooth;
+	scroll-padding-top: calc(
+		var(--fd-nav-height) +
+		var(--fd-banner-height, 0px) +
+		var(--fd-tocnav-height, 0px) +
+		16px
+	);
 }
 
 @layer utilities {