diff --git a/static/src/scss/_shareon.scss b/static/src/scss/_shareon.scss
index 83d0012..8592201 100644
--- a/static/src/scss/_shareon.scss
+++ b/static/src/scss/_shareon.scss
@@ -1,4 +1,5 @@
 .shareon-container {
+  scroll-margin-top: var(--hero-height); // hero height (ish)
   margin-top: 1rem;
 
   .shareon {
diff --git a/website/common/templates/common/shareon.html b/website/common/templates/common/shareon.html
index c72298c..47651b8 100644
--- a/website/common/templates/common/shareon.html
+++ b/website/common/templates/common/shareon.html
@@ -1,6 +1,6 @@
 {% load util_tags %}
 
-<section class="container has-text-centered shareon-container">
+<section class="container has-text-centered shareon-container" id="shareon">
   <p>Share this page</p>
   <div class="shareon" data-title="{{ page.title }}" data-url="{% pagefullurl page %}">
     <a class="facebook" title="Share on Facebook"></a>