diff --git a/src/components/buttons/button.module.css b/src/components/buttons/button.module.css
index ecceb3c42..a702559c3 100644
--- a/src/components/buttons/button.module.css
+++ b/src/components/buttons/button.module.css
@@ -43,11 +43,11 @@
   border: 1px solid var(--primary-dark);
 
   &:hover {
-    background: #085156;
+    background: var(--primary-darker);
   }
 
   &:active {
-    background: #053235;
+    background: var(--primary-darker);
   }
 }
 
diff --git a/src/components/linkButton/linkButton.module.css b/src/components/linkButton/linkButton.module.css
index a9206bbe9..ba80bb09c 100644
--- a/src/components/linkButton/linkButton.module.css
+++ b/src/components/linkButton/linkButton.module.css
@@ -58,11 +58,11 @@
   border: 1px solid var(--primary-dark);
 
   &:hover {
-    background: #085156;
+    background: var(--primary-darker);
   }
 
   &:active {
-    background: #053235;
+    background: var(--primary-darker);
   }
 
   &::after {