diff --git a/src/lib/viewport/footer.svelte b/src/lib/viewport/footer.svelte
index cff8732..92af8d0 100644
--- a/src/lib/viewport/footer.svelte
+++ b/src/lib/viewport/footer.svelte
@@ -68,7 +68,7 @@
 
     footer a:hover {
         font-weight: 700;
-        text-decoration: wavy var(--underline-dash-size) var(--color-highlight) underline;
+        text-decoration: dashed var(--underline-dash-size) var(--color-highlight) underline;
     }
 
     .bottom-rat {
diff --git a/src/lib/viewport/header.svelte b/src/lib/viewport/header.svelte
index c1d94bd..b2bc204 100644
--- a/src/lib/viewport/header.svelte
+++ b/src/lib/viewport/header.svelte
@@ -46,7 +46,7 @@
     a:hover {
         font-weight: 700;
         /* color: var(--color-highlight); */
-        text-decoration: wavy var(--underline-dash-size) var(--color-highlight) underline;
+        text-decoration: dashed var(--underline-dash-size) var(--color-highlight) underline;
     }
 
     @media screen and (max-width: 500px) {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 862abc0..0a20439 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -326,8 +326,9 @@
 
         a:link {
             color: var(--color-link-unvisited);
-            text-decoration-style: dashed;
             text-decoration-thickness: var(--underline-dash-size);
+            text-decoration-color: transparent;
+            text-decoration-style: dashed;
         }
         /* visited link */
         a:visited {
@@ -336,7 +337,7 @@
         /* mouse over link */
         a:hover {
             color: var(--color-link-hovered);
-            text-decoration-style: wavy;
+            text-decoration-color: var(--color-link-hovered);
         }
 
         .notched {