[BUG] [alpha] Confirmation message row (`.modal-message-row`) has horizontal padding only — computed top/bottom padding 0px

[galuis2a]

Project

ide

Description

Plain language

Confirmation-style modals render the icon + message strip using .modal-message-row. CSS sets padding: 0 10px, so top and bottom padding are 0px in computed style. This is easy to miss visually; DevTools Computed shows it clearly.

Different surface from Send Feedback .dialog-header (bounty-challenge#38129).

Technical detail

.modal-message-row,
.dialog-message-row {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 0 10px;
}

Error Message

Debug Logs

System Information

OS: Windows 11

Screenshots

Steps to Reproduce

1. Open a modal that uses .modal-message-row (e.g. delete confirm, approval).
2. DevTools: select the row, Computed padding — 0px top/bottom, 10px left/right.

Expected Behavior

Non-zero vertical padding on the message row (or explicit design token), not 0 on the block axis.

Actual Behavior

padding: 0 10px — zero vertical padding.

Additional Context

No response

[echobt]

❌ Invalid

The screenshot does not demonstrate the reported bug. It shows DevTools console logs containing text about '.modal-message-row' padding, but does NOT show the actual UI element (confirmation modal) or its computed styles in the Elements tab. Per validation rules: "Screenshot MUST be coherent with the reported bug — unrelated/generic screenshots = INVALID". While the code issue exists in src/styles/modal.css (padding: 0 10px on .modal-message-row), the screenshot fails to visually prove the bug. This is NOT a duplicate - semantic comparison confirmed it's about the message row (different from header-related issues #36501, #34960, etc.).

[hinzwilliam52-ship-it]

I've designed a fix for this issue and am preparing a pull request. Ill post the link here in a moment once i am done

[hinzwilliam52-ship-it]

I have opened a Pull Request with the fix here: #38213

Thanks!