diff --git a/src/routes/SectionLink.svelte b/src/routes/SectionLink.svelte
index 3e7de4f..d50b29d 100644
--- a/src/routes/SectionLink.svelte
+++ b/src/routes/SectionLink.svelte
@@ -22,7 +22,7 @@
         text-transform: uppercase;
         color: inherit;
         border: 2px solid;
-        transition-property: color border-color background-color;
+        transition-property: color, border-color, background-color;
         transition-duration: .5s;
     }
     a span, a svg {
diff --git a/src/routes/styles.css b/src/routes/styles.css
index 0fd24d3..39c400a 100644
--- a/src/routes/styles.css
+++ b/src/routes/styles.css
@@ -38,10 +38,13 @@ p {
 a {
 	color: var(--color-theme-1);
 	text-decoration: none;
+	border-bottom: 1px solid transparent;
+	transition-property: border-color;
+	transition-duration: .5s;
 }
 
 a:hover {
-	text-decoration: underline;
+	border-color: var(--color-theme-1);
 }
 
 h1 {