diff --git a/OliverBooth/Markdown/Template/CodeSnippetTemplateRenderer.cs b/OliverBooth/Markdown/Template/CodeSnippetTemplateRenderer.cs
index ad3d45b..e809801 100644
--- a/OliverBooth/Markdown/Template/CodeSnippetTemplateRenderer.cs
+++ b/OliverBooth/Markdown/Template/CodeSnippetTemplateRenderer.cs
@@ -87,7 +87,7 @@ internal sealed class CodeSnippetTemplateRenderer : CustomTemplateRenderer
                                       data-tab-init
                                       class="nav-link{classList}"
                                       id="snp-{snippetId}-{identifier:N}-{language}-l"
-                                      href="#snp-{snippetId}-{identifier:N}-{language}"
+                                      href="#"
                                       role="tab"
                                       data-tabs="snp-{snippetId}-{identifier:N}"
                                       aria-controls="snp-{snippetId}-{identifier:N}-{language}"
diff --git a/src/ts/UI.ts b/src/ts/UI.ts
index 1f55919..746453b 100644
--- a/src/ts/UI.ts
+++ b/src/ts/UI.ts
@@ -159,7 +159,9 @@ class UI {
             const tabPanes = element.querySelectorAll(`.tab-pane[data-identifier="${identifier}"]`);
 
             tabLinks.forEach(function (tabLink: Element) {
-                tabLink.addEventListener("click", () => {
+                tabLink.addEventListener("click", (ev: Event) => {
+                    ev.preventDefault();
+
                     const controls = document.getElementById(tabLink.getAttribute("aria-controls"));
 
                     // switch "active" tab link