diff --git a/core/src/components/chip/chip.ios.scss b/core/src/components/chip/chip.ios.scss
deleted file mode 100644
index b2189a0bab..0000000000
--- a/core/src/components/chip/chip.ios.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import "./chip";
diff --git a/core/src/components/chip/chip.md.scss b/core/src/components/chip/chip.md.scss
deleted file mode 100644
index b2189a0bab..0000000000
--- a/core/src/components/chip/chip.md.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import "./chip";
diff --git a/core/src/components/chip/chip.scss b/core/src/components/chip/chip.scss
index 322c211a96..026b059e3b 100644
--- a/core/src/components/chip/chip.scss
+++ b/core/src/components/chip/chip.scss
@@ -69,7 +69,7 @@
 }
 
 :host(.chip-outline) {
-  border-color: rgba(0, 0, 0, .32);
+  border-color: rgba($text-color-rgb, .32);
 
   background: transparent;
 }
@@ -79,11 +79,11 @@
 }
 
 :host(.chip-outline:not(.ion-color):focus) {
-  background: rgba(0, 0, 0, .04);
+  background: rgba($text-color-rgb, .04);
 }
 
 :host(.chip-outline.ion-activated:not(.ion-color)) {
-  background: rgba(0, 0, 0, .08);
+  background: rgba($text-color-rgb, .08);
 }
 
 
@@ -95,7 +95,7 @@
 }
 
 :host(:not(.ion-color)) ::slotted(ion-icon) {
-  color: rgba(0, 0, 0, .54);
+  color: rgba($text-color-rgb, .54);
 }
 
 ::slotted(ion-icon:first-child) {
diff --git a/core/src/components/chip/chip.tsx b/core/src/components/chip/chip.tsx
index 0d04a53482..51100a992f 100644
--- a/core/src/components/chip/chip.tsx
+++ b/core/src/components/chip/chip.tsx
@@ -10,10 +10,7 @@ import { createColorClasses } from '../../utils/theme';
  */
 @Component({
   tag: 'ion-chip',
-  styleUrls: {
-    ios: 'chip.ios.scss',
-    md: 'chip.md.scss',
-  },
+  styleUrl: 'chip.scss',
   shadow: true,
 })
 export class Chip implements ComponentInterface {