Datagrid: Required Icon for datagrid header hidden when textOverflow is on

[SudarshanDivakarla]

Describe the bug While working with soho-datagrid, we have a mandatory column so adding required: true to the column and also, we have textOverflow: 'ellipsis' to the column. Then the required icon in the column header title is not visible properly (only half icon is visible).

To Reproduce Steps to reproduce the behavior:

1. Create Soho-data grid with different editable columns.
2. Make a column as mandatory by setting required: true and also for the same column add textOverflow: ellipsis.
3. Required Icon is not visible properly (only half icon is visible).

Expected behavior Required Icon should be visible properly (full icon should be visible).

Version

• ids-enterprise-ng: v17.5.9

Screenshots

Additional context

**Column Definition: ** { id: 'releaseDate', name: 'Release Date', field: 'releaseDate', filterType: 'text', textOverflow: 'ellipsis', required: true, sortable: false, },

Stackblitz:

Here is the stackblitz link to refer: https://stackblitz.com/edit/ids-quick-start-1759-rmztd8?file=src%2Fapp%2Fapp.component.html