Grid Sort CSS Styling Conflict

I appear to be having some sort of CSS Styling conflict when using the RadzenGrid with sorting. The Sort icon is showing as text instead of the icons. From what I can tell, it appears to be related to line 6883 of the default.css. The block is below for reference:

.ui-sortable-column .fa-sort {
color: #3a474d; }
.ui-sortable-column .fa-sort:before {
content: 'sort'; }

I'm hopeful that someone has experienced this and can share a solution to show the icons vs sort, arrow_drop_up and arrow_drop_down.

Many thanks to whomever.



Hi James,

You might need to use base style:

Thanks Enchev, much appreciated, I'll give that a try!