diff --git a/src/styles/client-customizations.scss b/src/styles/client-customizations.scss
index 87bf3701..5e0db1ec 100644
--- a/src/styles/client-customizations.scss
+++ b/src/styles/client-customizations.scss
@@ -33,9 +33,7 @@ $limu-button-color: #A9E3E9;
                 color: $limu-button-text-color !important;
                 box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important;
             }
-            &:focus {
-                box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important;
-            }
+            
         }
     }
 
diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index cbedb407..3ff1648d 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -72,7 +72,7 @@ export default {
     &:focus-visible {
             // Keyboard focus for accessibility
             outline: none;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px;
+            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
             color: $white;
             background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%);
         }
@@ -90,7 +90,7 @@ export default {
         &.has-loader {
             color: $white;
             background: $blue-700;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
+           
         }
         &.delay {
             // fixes flicker while transitioning between states
diff --git a/src/ux-components/modal-button-main/modal-button-main.vue b/src/ux-components/modal-button-main/modal-button-main.vue
index a9ce22ae..b8255af7 100644
--- a/src/ux-components/modal-button-main/modal-button-main.vue
+++ b/src/ux-components/modal-button-main/modal-button-main.vue
@@ -80,7 +80,7 @@ export default {
     &:focus-visible {
             // Keyboard focus for accessibility
             outline: none;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px;
+            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
             color: $white;
             background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%);
         }
@@ -97,8 +97,7 @@ export default {
         }
         &.has-loader {
             color: $white;
-            background: $blue-700;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
+            background: $blue-700;           
             pointer-events: none;
         }
         &.delay {