diff --git a/beta/src/styles/index.css b/beta/src/styles/index.css
index 2df7ab775..1a9bbc92e 100644
--- a/beta/src/styles/index.css
+++ b/beta/src/styles/index.css
@@ -214,10 +214,17 @@ html.dark .code-step * {
 }
 
 .mdx-heading {
-  scroll-margin-top: 2.5em;
+  scroll-margin-top: 3em;
   /* Space for the anchor */
   padding-right: 1em;
 }
+
+@media (min-width: 1024px) {
+  .mdx-heading {
+    scroll-margin-top: 1em;
+  }
+}
+
 .mdx-heading:before {
   height: 6rem;
   margin-top: -6rem;