Package

@carbon/react

Browser

Chrome

Package version

v1.72.0

React version

v17.0.2

Description

When a DataTable row is expanded, the divider within the expanded content appears thicker than expected. Additionally, when hovering over the expanded row, a double line shows up, which affects the visual consistency of the table.

Reproduction/example

https://stackblitz.com/edit/github-zzlurnfe?file=src%2FApp.tsx

Steps to reproduce

1. Go to above link or https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--batch-expansion&globals=theme:g10
2. Expand any row in the DataTable.
3. Hover over the expanded row to observe the behaviour.

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