diff --git a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.scss b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.scss index 5846bb40fb3..e92c1d5ac51 100644 --- a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.scss +++ b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.scss @@ -4,7 +4,7 @@ ::ng-deep { as-split { &.space-for-bread-crumbs { - height: calc(100% - 25px); + height: calc(100% - 33px); } } diff --git a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss index 113fbd30b34..6c3e8676102 100644 --- a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss +++ b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss @@ -107,7 +107,7 @@ .tree-wrapper { overflow-y: auto; - height: calc(100% - 25px); + height: calc(100% - 33px); } .angular-element { diff --git a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts index 1f126543f9d..1fa75faa044 100644 --- a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts +++ b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts @@ -63,7 +63,7 @@ export class DirectiveForestComponent implements OnInit, OnDestroy { (node) => node.expandable ); readonly dataSource = new ComponentDataSource(this.treeControl); - readonly itemHeight = 24; + readonly itemHeight = 18; private _initialized = false;