diff --git a/src/components/RegisterPage.vue b/src/components/RegisterPage.vue
index b2572ea..0cebbe9 100644
--- a/src/components/RegisterPage.vue
+++ b/src/components/RegisterPage.vue
@@ -491,7 +491,7 @@ h2 {
   text-decoration: none;
   font-weight: bold;
   cursor: pointer;
-  border-bottom: 1px solid #ff5fff;
+  border-bottom: 1px solid $link-color;
 }
 
 hr {
diff --git a/src/components/RequestWine.vue b/src/components/RequestWine.vue
index 58fbd32..2dee37b 100644
--- a/src/components/RequestWine.vue
+++ b/src/components/RequestWine.vue
@@ -158,7 +158,7 @@ input[type="text"] {
     font-family: Arial;
     text-decoration: none;
     font-weight: bold;
-    border-bottom: 1px solid #ff5fff;
+    border-bottom: 1px solid $link-color;
     width: fit-content;
   }
 
diff --git a/src/components/TodaysPage.vue b/src/components/TodaysPage.vue
index d79b037..0dfdf12 100644
--- a/src/components/TodaysPage.vue
+++ b/src/components/TodaysPage.vue
@@ -33,6 +33,7 @@ export default {
 
 <style lang="scss" scoped>
 @import "./src/styles/media-queries";
+@import "./src/styles/variables";
 
 .wine-image {
   height: 250px;
@@ -110,7 +111,7 @@ a:visited {
   font-family: Arial;
   text-decoration: none;
   font-weight: bold;
-  border-bottom: 1px solid #ff5fff;
+  border-bottom: 1px solid $link-color;
   width: fit-content;
 }
 </style>
diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index 66ba9c3..699fbd8 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -241,7 +241,7 @@ h1 {
 
 .generator-link {
   font-weight: bold;
-  border-bottom: 1px solid #ff5fff;
+  border-bottom: 1px solid $link-color;
 }
 
 .win,
diff --git a/src/components/VirtualLotteryPage.vue b/src/components/VirtualLotteryPage.vue
index cb2730b..f5b5310 100644
--- a/src/components/VirtualLotteryPage.vue
+++ b/src/components/VirtualLotteryPage.vue
@@ -234,7 +234,7 @@ export default {
 
 .generator-link {
   font-weight: bold;
-  border-bottom: 1px solid #ff5fff;
+  border-bottom: 1px solid $link-color;
 }
 </style>
 
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 4507271..d4bbfce 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -170,7 +170,7 @@ textarea {
 
 .vin-link {
   font-weight: bold;
-  border-bottom: 1px solid #ff5fff;
+  border-bottom: 1px solid $link-color;
   font-size: 1rem;
   margin-left: 15px;
 }
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 5dc5d05..9886163 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -15,3 +15,5 @@ $dark-yellow: #ecc31d;
 $light-red: #fbd7de;
 $red: #ef5878;
 $dark-red: #ec3b61;
+
+$link-color: #ff5fff;
\ No newline at end of file
diff --git a/src/ui/Wine.vue b/src/ui/Wine.vue
index e4a6b7f..8dd0a5e 100644
--- a/src/ui/Wine.vue
+++ b/src/ui/Wine.vue
@@ -165,7 +165,7 @@ a:visited {
   font-family: Arial;
   text-decoration: none;
   font-weight: bold;
-  border-bottom: 1px solid #ff5fff;
+  border-bottom: 1px solid $link-color;
   width: fit-content;
 }
 
diff --git a/src/ui/Wines.vue b/src/ui/Wines.vue
index ec1bd43..704d6f9 100644
--- a/src/ui/Wines.vue
+++ b/src/ui/Wines.vue
@@ -153,6 +153,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "./src/styles/variables";
 @import "../styles/media-queries.scss";
 .wine-window-outer {
   position: fixed;
@@ -261,7 +262,7 @@ ol {
   text-decoration: none;
   font-weight: bold;
   cursor: pointer;
-  border-bottom: 1px solid #ff5fff;
+  border-bottom: 1px solid $link-color;
 }
 
 .truncate {