I have a user table where sorting is not working properly for the role column.

The data that I get from the service getAllUsers is like this :

Here is the Role column in the HTML:

Here are the 2 pictures that show the sort:

1. ascending:

2. descending:

What's wrong?

I am using Angular 9.