diff --git a/core/src/components/select-option/select-option.scss b/core/src/components/select-option/select-option.scss
new file mode 100644
index 0000000000..cc36f78bfa
--- /dev/null
+++ b/core/src/components/select-option/select-option.scss
@@ -0,0 +1,3 @@
+:host {
+  display: none;
+}
diff --git a/core/src/components/select-option/select-option.tsx b/core/src/components/select-option/select-option.tsx
index c93bde67b6..fbd15271b9 100644
--- a/core/src/components/select-option/select-option.tsx
+++ b/core/src/components/select-option/select-option.tsx
@@ -3,11 +3,7 @@ import { Component, ComponentInterface, Element, Event, EventEmitter, Prop } fro
 @Component({
   tag: 'ion-select-option',
   shadow: true,
-  styles: `
-  :host {
-    display: none;
-  }
-  `
+  styleUrl: 'select-option.scss'
 })
 export class SelectOption implements ComponentInterface {