diff --git a/core/src/components/label/label.scss b/core/src/components/label/label.scss
index 301d1c738a..91766c053a 100644
--- a/core/src/components/label/label.scss
+++ b/core/src/components/label/label.scss
@@ -5,16 +5,12 @@
 // --------------------------------------------------
 
 :host {
-  --ion-color-base: currentColor;
-
   @include margin(0);
 
   display: block;
 
   flex: 1;
 
-  color: #{current-color(base)};
-
   font-size: inherit;
 
   text-overflow: ellipsis;
@@ -25,6 +21,10 @@
   box-sizing: border-box;
 }
 
+:host(.ion-color) {
+  color: #{current-color(base)};
+}
+
 :host([text-wrap]) {
   white-space: normal;
 }