Bug - Expandable Table - compact expandable misalignment · Issue #11946 · patternfly/patternfly-react

evwilkin · 2025-07-14T21:52:04.000Z

**Describe the problem** This is an issue with Patternfly 6 Please give a clear and concise description of the problem. Which components are affected? Reported by Ansible: Expandable table - using this with the compact table modifier causes the text to be misaligned with the expandable button. The expandable button toggle padding does not seem to change to match the rest of the row's compact padding. Removing custom product styles helped with the first screen below, but the screenshot from the PF docs is still valid - text is slightly higher than center in the row. Found 2 possible solutions: 1. Remove the top/bottom padding from the `.pf-v6-c-table__td.pf-v6-c-table__toggle` on compact tables. This resolves the height issue, but would make each button fill completely the space between the top & bottom row borders: 2. Set the line-height on the `button.pf-v6-c-button.pf-m-plain` to 16px (currently at 21px: 14px font size x 1.5), which does not affect padding above/below the button but does change it so it's no longer a square but is slightly shorter than it is wide: **How do you reproduce the problem?** Add the `pf-m-compact` modifier to the Expand/Collapse table demo to see the issue: https://www.patternfly.org/components/table/react-demos#expandcollapse-all **Is this issue blocking you?** This issue is blocking Ansible September release. **Screenshots** Ansible: PF Docs - normal table: PF Docs - compact table:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!