diff --git a/resources/js/components/SMHeader.vue b/resources/js/components/SMHeader.vue
index 7779e40..289b9f3 100644
--- a/resources/js/components/SMHeader.vue
+++ b/resources/js/components/SMHeader.vue
@@ -1,10 +1,8 @@
 <template>
-    <a :href="`#${id}`" class="header">
-        <h3>
-            {{ props.text }}
-            <span class="hash" @click.prevent="copyAnchor">#</span>
-        </h3>
-    </a>
+    <h3 :id="id" class="header">
+        {{ props.text }}
+        <span class="hash" @click.prevent="copyAnchor">#</span>
+    </h3>
 </template>
 
 <script setup lang="ts">
@@ -56,9 +54,6 @@ const copyAnchor = () => {
 
 <style lang="scss">
 .header {
-    color: var(--base-color-text) !important;
-    text-decoration: none;
-
     .hash {
         display: none;
         color: var(--primary-color);
diff --git a/resources/js/router/index.js b/resources/js/router/index.js
index 3d098ba..4153a86 100644
--- a/resources/js/router/index.js
+++ b/resources/js/router/index.js
@@ -489,6 +489,14 @@ router.afterEach((to, from) => {
         if (autofocusElement) {
             autofocusElement.focus();
         }
+
+        const hash = window.location.hash;
+        if (hash) {
+            const target = document.querySelector(hash);
+            if (target) {
+                target.scrollIntoView();
+            }
+        }
     }, 10);
 });