diff --git a/services/web/frontend/stylesheets/core/mixins.less b/services/web/frontend/stylesheets/core/mixins.less
index 28746e23e5..a675395d7b 100755
--- a/services/web/frontend/stylesheets/core/mixins.less
+++ b/services/web/frontend/stylesheets/core/mixins.less
@@ -129,7 +129,7 @@
   box-shadow: @shadow;
 }
 .box-shadow-button-input() {
-  box-shadow: 0px 0px 0px 2px rgba(50, 101, 178, 0.56);
+  box-shadow: 0px 0px 0px 2px @blue-30;
 }
 
 // Transitions
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index b155a76872..204171592e 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/services/web/frontend/stylesheets/core/variables.less
@@ -30,6 +30,7 @@
 
 @blue: #405ebf;
 @blue-10: #f1f4f9;
+@blue-30: #97b6e5;
 @blueDark: #040d2d;
 @green: #46a546;
 @red: #a93529;