Can't center column header for a sortable column in a mat-table

Question

I have a mat-table with a sortable column like this but I can't center the column headers from my css file. I can do it in the browser debugger!

I tried this below in the css file with no luck, but it works when I modify it in the debugger.

.mat-sort-header-container {
   justify-content: center !important;
 }

Any help would be appreciated!

Answer 1

Try this

th.mat-header-cell {
    text-align: center !important;
}