diff --git a/core/src/components/spinner/spinner.scss b/core/src/components/spinner/spinner.scss
index 5a365e538b..7261fa7523 100644
--- a/core/src/components/spinner/spinner.scss
+++ b/core/src/components/spinner/spinner.scss
@@ -4,14 +4,14 @@
 // --------------------------------------------------
 
 :host {
-  --ion-color-base: currentColor;
-
   display: inline-block;
   position: relative;
 
   width: 28px;
   height: 28px;
+}
 
+:host(.ion-color) {
   color: #{current-color(base)};
 }