Reducing line height in angular material tree

Question

I am using a angular tree material to display JSON data, I am unsatisfied by the amount of white spacing there is between lines. I have tried playing with mat-tree-node.line-height in the css with zero changes. How can I reduce all this vertical white space?

Answer 1

Simply by overriding their css:

.mat-tree-node { min-height: 30px }