diff --git a/src/styles/app.scss b/src/styles/app.scss
index ad7a13ef..d563840e 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -204,7 +204,7 @@ a:hover,
 a:visited,
 a:link,
 .link {
-  border-bottom: 2px solid rgb(0 0 0 / 30%);
+  border-bottom: 2px solid var(--link-color);
   text-decoration: none;
   cursor: pointer;
 }