diff --git a/src/App.svelte b/src/App.svelte
index d421cc2e..2744e56d 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -241,13 +241,13 @@
 
                 {#each snippets.filter((s) => s.sectionId === section.sectionId) as snippet}
                   <div
+                    id={section.sectionId + "." + snippet.snippetId}
                     data-snippet-id={section.sectionId +
                       "." +
                       snippet.snippetId}
                   >
                     <!-- bg-[var(--bg-color)] -->
                     <h2
-                      id={snippet.snippetId}
                       class="header-anchor sticky py-2 top-[2.9531rem] z-10 bg-[var(--bg-color)]"
                     >
                       {snippet.title}
diff --git a/src/components/Aside.svelte b/src/components/Aside.svelte
index 63864ef4..7fe155d5 100644
--- a/src/components/Aside.svelte
+++ b/src/components/Aside.svelte
@@ -86,7 +86,7 @@
             {#each snippets.filter((s) => s.sectionId === section.sectionId) as snippet}
               <li>
                 <a
-                  href={`#${snippet.snippetId}`}
+                  href={`#${section.sectionId + "." + snippet.snippetId}`}
                   class={c(
                     "inline-block w-full py-1.5 px-4 text-white hover:bg-gray-800 rounded hover:opacity-100 transition-opacity",
                     section.sectionId + "." + snippet.snippetId ===