[Bug]: In sp-dialog prevent footer slot content from stretching button height when text wraps

[santoshi-1]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

sp-dialog

Library version

1.6.0

Expected behavior

• The footer and button slots should remain aligned horizontally, but the buttons should keep their standard fixed height.
• Content in the footer slot (e.g., a checkbox with a multi-line label) should be able to wrap naturally without causing the buttons to grow in height.

Actual behavior

• The footer and button slots are placed in the same row and share the same height.
• When the content inside the footer slot (such as a checkbox placed in the footer slot whose label wraps across multiple lines) grows vertically, the buttons in the button slot stretch to match that height.
• This results in unusually tall buttons and a visually inconsistent dialog footer.

Screenshots

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

1. Go to https://stackblitz.com/edit/vitejs-vite-plwz22ly?file=src%2Fmy-element.ts
2. Open Preview in a new tab.
3. Switch to Mobile view using Chrome DevTools.
4. Check that the button occupies the height of the text content.

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 4

Logs taken while reproducing problem

No response

Would you like to track this issue in Jira?

• Yes, please tell me the ticket number!

[najikahalsema]

@santoshi-1 Thank you for your repro! SWC-1390