diff --git a/themes/vue/source/css/_settings.styl b/themes/vue/source/css/_settings.styl
index 9d0e95343c..e6f8a59770 100644
--- a/themes/vue/source/css/_settings.styl
+++ b/themes/vue/source/css/_settings.styl
@@ -23,7 +23,7 @@ $header-inner-height = 41px
 $heading-padding-vertical = 10px
 $header-height = $header-inner-height + $heading-padding-vertical * 2
 $mobile-header-height = 40px
-$heading-link-padding-top = $header-height + $content-padding-top
-$mobile-heading-link-padding-top = $mobile-header-height + $content-padding-top
+$heading-link-padding-top = $content-padding-top
+$mobile-heading-link-padding-top = $content-padding-top
 $h2-margin-top = 45px
 $h3-margin-top = 52px
diff --git a/themes/vue/source/js/common.js b/themes/vue/source/js/common.js
index 02793e01f3..8474236a99 100644
--- a/themes/vue/source/js/common.js
+++ b/themes/vue/source/js/common.js
@@ -335,8 +335,7 @@
     }
 
     function makeHeaderClickable (link) {
-      var wrapper = document.createElement('a')
-      wrapper.href = '#' + link.id
+      var wrapper = link.querySelector('a')
       wrapper.setAttribute('data-scroll', '')
       link.parentNode.insertBefore(wrapper, link)
       wrapper.appendChild(link)