diff --git a/app/assets/stylesheets/base/root.css b/app/assets/stylesheets/base/root.css
index 7a9fd11..90c7490 100644
--- a/app/assets/stylesheets/base/root.css
+++ b/app/assets/stylesheets/base/root.css
@@ -5,6 +5,10 @@ body {
   transition: background-color var(--transition-normal), color var(--transition-normal);
 }
 
+html {
+  scroll-padding-top: calc(var(--nav-height) + var(--spacing-4));
+}
+
 .container {
   max-width: none;
   width: 100%;