diff --git a/core/src/components/button/button.ionic.scss b/core/src/components/button/button.ionic.scss
index f2fe9b65c5..fd6541f12a 100644
--- a/core/src/components/button/button.ionic.scss
+++ b/core/src/components/button/button.ionic.scss
@@ -66,7 +66,7 @@
 :host(.button-outline) {
   --border-width: #{globals.$ion-border-size-025};
   --border-style: #{globals.$ion-border-style-solid};
-  --background-activated: #{globals.$ion-bg-primary-subtle-press};
+  --background-activated: #{globals.ion-color(primary, shade, $subtle: true)};
   --background-focused: transparent;
   --background-hover: #{globals.$ion-bg-primary-subtle-press};
   --background-hover-opacity: 1;