diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index c81dda28e..8a9e68081 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -21,7 +21,7 @@ body span {
   line-height: 24px;
 }
 body a {
-  color: #1574A1;
+  color: #0070D1;
   text-decoration: none;
 }
 body .form-group {
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index a71e4aa41..ec4a7f203 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -24,7 +24,7 @@ body {
     }
 
     a {
-        color: #1574A1;
+        color: #0070D1;
         text-decoration: none;
     }
 
diff --git a/src/layouts/confirmation/confirmation.vue b/src/layouts/confirmation/confirmation.vue
index afdfc8e35..cc62921c5 100644
--- a/src/layouts/confirmation/confirmation.vue
+++ b/src/layouts/confirmation/confirmation.vue
@@ -421,7 +421,7 @@ export default {
 }
 .add-to-calendar-text {
     margin: 0 0 0 7px;
-    color: #1574a1;
+    color: #0070D1;
     vertical-align: middle;
     font-weight: 500;
     font-family: "Roboto";