diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index a2a7861f6..60497df84 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -56,11 +56,7 @@ export default {
     justify-content: center;
     font-weight: 500;
     @media (hover: hover) {
-      background: linear-gradient(
-        270deg,
-        rgba(6, 87, 124, 1) 0%,
-        rgba(6, 87, 124, 1) 100%
-      );
+      background: linear-gradient(270deg, $blue-500 0%, $blue-700 100%);
     }
     &:focus, // Mouse, touch, stylus focus
     &:focus-visible {