diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
index 69776322ede4ee..ba13650e492dab 100644
--- a/packages/components/src/button/style.scss
+++ b/packages/components/src/button/style.scss
@@ -90,7 +90,7 @@
 			box-shadow:
 				inset 0 -1px 0 color(theme(button) shade(50%)),
 				0 0 0 1px $white,
-				0 0 0 3px $blue-medium-focus;
+				0 0 0 3px color(theme(button) shade(5%));
 		}
 
 		&:active:enabled {