diff --git a/core/src/components/select-popover/select-popover.scss b/core/src/components/select-popover/select-popover.scss index 6a1d4fed8b..5b76901dbf 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 88bde194be..668599d68a 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 {