'ag-grid-angular header text align

How to centre align header text in ag-grid-angular. This is what I've tried so far -

adding "text-align:centre" to "::ng-deep.ag-theme-balham .ag-header-cell, .ag-theme-balham .ag-header-group-cell" in my css file. The surprising thing is that changing the color in this class works but text align doesn't.
added text align as center to every class in my css but it still doesn't work.
adding styles:[.ag-header-group-cell-label { justify-content: center; } .ag-header-cell-label { justify-content: center; }]
all the solutions given here: How can I center the text in the headers for an AG-grid control?

Thanks for any help :)

css angular

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source