diff --git a/src-ui/src/app/components/common/input/tags/tags.component.scss b/src-ui/src/app/components/common/input/tags/tags.component.scss index c86792728..2f06247bd 100644 --- a/src-ui/src/app/components/common/input/tags/tags.component.scss +++ b/src-ui/src/app/components/common/input/tags/tags.component.scss @@ -22,8 +22,8 @@ } // Dropdown hierarchy reveal for ng-select options -::ng-deep .ng-dropdown-panel .ng-option { - overflow-x: scroll !important; +:host ::ng-deep .ng-dropdown-panel .ng-option { + overflow-x: auto !important; .tag-option-row { font-size: 1rem; @@ -41,12 +41,12 @@ } } -::ng-deep .ng-dropdown-panel .ng-option:hover .hierarchy-reveal, -::ng-deep .ng-dropdown-panel .ng-option.ng-option-marked .hierarchy-reveal { +:host ::ng-deep .ng-dropdown-panel .ng-option:hover .hierarchy-reveal, +:host ::ng-deep .ng-dropdown-panel .ng-option.ng-option-marked .hierarchy-reveal { max-width: 1000px; } ::ng-deep .ng-dropdown-panel .ng-option:hover .hierarchy-indicator, -::ng-deep .ng-dropdown-panel .ng-option.ng-option-marked .hierarchy-indicator { +:host ::ng-deep .ng-dropdown-panel .ng-option.ng-option-marked .hierarchy-indicator { background: transparent; }