Limit width of new headers to dashboard content

So I decided to give the new headers a shot, and I generally really like them. However, they always default to full viewport width, at least in left-aligned / responsive mode.

Ideally I’d like to have the header limited to the width of my content. i.e. if I have a dashboard page with 2 sections, the header should be limited to that width too. Otherwise it ends up looking really awkward imo. See:

EDIT: It looks like if you only have 1 column, or shrink your browser window to have it responsively stack everything, the header is also limited to that width. This is exactly what I’d like to have work with 2+ columns / secitons as well :blush:

You should make a new frontend feature request here: home-assistant/frontend · Discussions · GitHub

1 Like

Thanks, good call. Posted - Feature Request: Align new Headers with available Sections · home-assistant/frontend · Discussion #24833 · GitHub