diff --git a/core/src/components/button/button.ionic.scss b/core/src/components/button/button.ionic.scss
index 720120df02..5cfdec663d 100644
--- a/core/src/components/button/button.ionic.scss
+++ b/core/src/components/button/button.ionic.scss
@@ -71,9 +71,8 @@
 
 // Warning Outline Button - use foreground color for text and border
 :host(.button-outline.ion-color-warning) .button-native {
-  border-color: #{globals.current-color(foreground)};
-
-  color: #{globals.current-color(foreground)};
+  border-color: globals.ion-color(warning, foreground);
+  color: globals.ion-color(warning, foreground);
 }
 
 // Clear Button