diff --git a/core/src/components/select-option/select-option.tsx b/core/src/components/select-option/select-option.tsx
index 30b488dc02..c93bde67b6 100644
--- a/core/src/components/select-option/select-option.tsx
+++ b/core/src/components/select-option/select-option.tsx
@@ -2,6 +2,12 @@ import { Component, ComponentInterface, Element, Event, EventEmitter, Prop } fro
 
 @Component({
   tag: 'ion-select-option',
+  shadow: true,
+  styles: `
+  :host {
+    display: none;
+  }
+  `
 })
 export class SelectOption implements ComponentInterface {
 
diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index 927db00312..d4ebe0c66d 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -81,7 +81,3 @@ button {
   color: var(--icon-color);
   pointer-events: none;
 }
-
-::slotted(ion-select-option) {
-  display: none;
-}
diff --git a/core/src/css/core.scss b/core/src/css/core.scss
index 95805b4981..453c962187 100644
--- a/core/src/css/core.scss
+++ b/core/src/css/core.scss
@@ -72,6 +72,7 @@ body.backdrop-no-scroll {
 ion-route,
 ion-route-redirect,
 ion-router,
+ion-select-option,
 ion-animation-controller,
 ion-nav-controller,
 ion-menu-controller,