diff --git a/assets/css/main.css b/assets/css/main.css
index ffdb245..ef6683c 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -37,6 +37,7 @@ html {
     /* 2 */
     -webkit-text-size-adjust: 100%;
     /* 2 */
+    scroll-behavior: smooth;
 }
 
 body {
diff --git a/layouts/partials/toc.html b/layouts/partials/toc.html
index 8265022..d69fa77 100644
--- a/layouts/partials/toc.html
+++ b/layouts/partials/toc.html
@@ -7,13 +7,15 @@
 
 <script>
   document.querySelector(".toc").addEventListener("click", function () {
-    event.preventDefault();
-    if (this.open) {
-      this.open = false;
-      this.classList.remove("expanded");
-    } else {
-      this.open = true;
-      this.classList.add("expanded");
+    if (event.target.tagName !== "A") {
+      event.preventDefault();
+      if (this.open) {
+        this.open = false;
+        this.classList.remove("expanded");
+      } else {
+        this.open = true;
+        this.classList.add("expanded");
+      }
     }
   });
 </script>