diff --git a/app/assets/stylesheets/article-show.scss b/app/assets/stylesheets/article-show.scss
index c050acd0c..9aaebdac7 100644
--- a/app/assets/stylesheets/article-show.scss
+++ b/app/assets/stylesheets/article-show.scss
@@ -6,6 +6,10 @@
   height: 10px;
 }
 
+:root {
+  scroll-padding-top: var(--header-height);
+}
+
 body.default-header {
   .crayons-article .crayons-article__body [id] {
     scroll-margin-top: var(--header-height);