[Bug]: Extra decorator <div> introduced to table header in V11.73.0 affected our table header layouts

[xiao-ibm]

Package

@carbon/react

Browser

Chrome

Package version

1.74.0

React version

No response

Description

We are using DataTable, we recently upgraded from "@carbon/react": "1.72.0" to "1.74.0" and see an extra invisible <div> in <th> which affected our table header layouts. It's
<div class="cds--table-header-label--decorator-inner">

This extra <div> pushed our header contents towards left where they used to be at end of right side.

Before:

After:

Reproduction/example

You can see the behavior on a sorting DataTable from the storybook https://react.carbondesignsystem.com/?path=/docs/components-datatable-sorting--overview

Steps to reproduce

You can see the behavior on a sorting DataTable from the storybook.
Without the extra <div>, the sorting icon is placed at the end of the right side, with this extra <div>, the sorting arrow is pushed towards center.

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems