Is there a way to align header contents to the right without reversing elements?

[ckchiu2]

I want to align my headers to the right and keep my sort icons at the right of the header label. I tried setting

muiTableHeadCellProps: { align: "right" }

but it places the sort icon to the left of the header label. Is there a way to achieve this?

[MattFromGer]

I achieved it like this:

muiTableHeadCellProps: {
  sx: {
    "&.MuiTableCell-alignRight .Mui-TableHeadCell-Content": {
      flexDirection: "row",
      justifyContent: "end",
    },
    "&.MuiTableCell-alignRight .Mui-TableHeadCell-Content-Labels": {
      flexDirection: "row",
    }
  }
}

Put it in the global table options and it will be applied for all column headers