diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index 9ed1f07..5937a39 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -95,8 +95,9 @@ textarea:not([rows]) {
 }
 
 a {
+    transition: 0.4s;
     color: var(--primary);
-    text-decoration: none;
+    text-decoration: underline transparent;
 }
 
 a:hover {
@@ -106,7 +107,7 @@ a:hover {
 
 a[target="_blank"]::after,
 a.external::after {
-    content: '&nsp;';
+    content: '';
     display: inline-block;
     width: 1em;
     height: 1em;
@@ -233,7 +234,8 @@ nav li a {
     color: var(--primary-lighten);
 }
 
-nav li a:hover, nav .active {
+nav li a:hover,
+nav .active {
     color: var(--primary-lighten);
     text-decoration: underline var(--primary-darken);
     text-decoration-thickness: var(--default-space);
@@ -358,11 +360,13 @@ article {
 .table-of-contents {
     float: right;
     width: 25vw;
-    background-color: rgb(178, 175, 175);
+    background-color: var(--background-secondary-color);
     border: 1px solid var(--primary-lighten);
     border-radius: calc(var(--default-space) * 1.2);
     position: sticky;
     top: calc(var(--default-space) * 2);
+    font-size: 1.1rem;
+    z-index: 1;
 }
 
 .table-of-contents a {