diff --git a/src-ui/src/app/components/app-frame/app-frame.component.scss b/src-ui/src/app/components/app-frame/app-frame.component.scss index d259e80d9..0256de53a 100644 --- a/src-ui/src/app/components/app-frame/app-frame.component.scss +++ b/src-ui/src/app/components/app-frame/app-frame.component.scss @@ -110,7 +110,8 @@ main { @media(min-width: 768px) { // hide scrollbars on browsers that take up layout width - .pngx-classic-scrollbars .sidebar.slim { + // :host-context since is outside the component + :host-context(.pngx-classic-scrollbars) .sidebar.slim { scrollbar-width: none; &::-webkit-scrollbar {