diff --git a/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss b/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss index 0fbd585146..77711587de 100644 --- a/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss +++ b/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss @@ -26,9 +26,11 @@ adf-layout-container { } .adf-layout-container-sidenav { - overflow: hidden; - border-right: 1px solid var(--adf-theme-foreground-text-color-007); - background-color: var(--theme-background-color); + &#{$mat-sidenav} { + overflow: hidden; + border-right: 1px solid var(--adf-theme-foreground-text-color-007); + background-color: var(--theme-background-color); + } } /* stylelint-disable selector-class-pattern */ diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss index ab97021fcc..57d4a30bd5 100644 --- a/lib/core/src/lib/styles/_mat-selectors.scss +++ b/lib/core/src/lib/styles/_mat-selectors.scss @@ -72,6 +72,7 @@ $mat-select-value-text: '.mat-mdc-select-value-text'; $mat-select-panel: '.mat-mdc-select-panel'; $mat-grid-tile: '.mat-grid-tile'; $mat-sidenav-content: '.mat-sidenav-content'; +$mat-sidenav: '.mat-sidenav'; $mat-drawer-transition: '.mat-drawer-transition'; $mat-drawer-content: '.mat-drawer-content'; $mat-subheader: '.mat-mdc-subheader';