diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 952760caf..323430dfe 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -4,7 +4,7 @@
     border: 1px solid $red;
     color: $red;
     label {
-      box-shadow: 0 0 1px $red;
+      box-shadow: 0 0 1px $red !important;
       border-radius: .5rem;
     }
     input[type=checkbox]:focus + label,
@@ -24,7 +24,7 @@
     }
     input[type=checkbox]:focus + label,
     input[type=radio]:focus + label {
-      box-shadow: 0 0 0 2.5px $red;
+      box-shadow: 0 0 1px $red !important;
     }
   }
   &.ui-radio,
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 {