diff --git a/src/lib/table-of-contents.svelte b/src/lib/table-of-contents.svelte
index 4c9e46c..a19c331 100644
--- a/src/lib/table-of-contents.svelte
+++ b/src/lib/table-of-contents.svelte
@@ -15,9 +15,13 @@
         let headers = getHeaders();
         headers.forEach(header => {
             let headerId = getHeaderId(header);
-            var element = document.createElement("li");
+            var element = document.createElement("a");
             element.classList += "toc-level-" + getHeaderLevel(header);
-            element.innerHTML = `<a href="#${headerId}">${(header as HTMLElement).innerHTML}</a>`;
+            element.href = `#${headerId}`;
+            element.innerHTML = `${(header as HTMLElement).innerHTML}`;
+            // var element = document.createElement("span");
+            // element.classList += "toc-level-" + getHeaderLevel(header);
+            // element.innerHTML = `<a href="#${headerId}">${(header as HTMLElement).innerHTML}</a>`;
             container.appendChild(element);
         });
     });
@@ -86,10 +90,10 @@
             padding: 0;
             margin: 0;
         }
-        .toc-list li {
+        /* .toc-list li {
             list-style: none;
-        }
-        .toc-list li a {
+        } */
+        .toc-list a {
             width: 100%;
             padding-top: 3px;
             padding-bottom: 3px;
@@ -102,25 +106,25 @@
             box-sizing: border-box;
         }
 
-        .toc-list li a:hover {
+        .toc-list a:hover {
             color: var(--color-text-dark);
             background-color: var(--color-highlight);
         }
 
-        .toc-level-0 a {
+        .toc-level-0 {
             font-weight: 800;
             padding-left: 44px;
         }
-        .toc-level-1 a {
+        .toc-level-1 {
             padding-left: 68px;
         }
-        .toc-level-2 a {
+        .toc-level-2 {
             padding-left: 92px;
         }
-        .toc-level-3 a {
+        .toc-level-3 {
             padding-left: 116px;
         }
-        .toc-level-1 a::before, .toc-level-2 a::before, .toc-level-3 a::before {
+        .toc-level-1::before, .toc-level-2::before, .toc-level-3::before {
             content: "↳ ";
         }
     }