From fd1b636b12aaf10b9f769a68944a7653897c0681 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Tue, 18 Sep 2018 13:17:05 -0400
Subject: [PATCH] fix(select-popover): add scoped to apply proper styles to
 list

---
 core/src/components/select-popover/select-popover.scss | 7 ++++++-
 core/src/components/select-popover/select-popover.tsx  | 3 ++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/core/src/components/select-popover/select-popover.scss b/core/src/components/select-popover/select-popover.scss
index 6a1d4fed8b7..5b76901dbf3 100644
--- a/core/src/components/select-popover/select-popover.scss
+++ b/core/src/components/select-popover/select-popover.scss
@@ -1,5 +1,10 @@
 @import "./select-popover.vars";
 
-:host ::slotted(ion-list) {
+:host ion-list {
   @include margin($select-popover-list-margin-top, $select-popover-list-margin-end, $select-popover-list-margin-bottom, $select-popover-list-margin-start);
 }
+
+:host ion-list-header,
+:host ion-label {
+  @include margin(0);
+}
diff --git a/core/src/components/select-popover/select-popover.tsx b/core/src/components/select-popover/select-popover.tsx
index 88bde194bed..668599d68a1 100644
--- a/core/src/components/select-popover/select-popover.tsx
+++ b/core/src/components/select-popover/select-popover.tsx
@@ -5,7 +5,8 @@ import { createThemedClasses } from '../../utils/theme';
 
 @Component({
   tag: 'ion-select-popover',
-  styleUrl: 'select-popover.scss'
+  styleUrl: 'select-popover.scss',
+  scoped: true
 })
 export class SelectPopover implements ComponentInterface {