Skip to content

404 page: background graphics overlap content and hide search bar at full-screen width #44393

@YosrBenAlaya

Description

@YosrBenAlaya

Feedback

##Current behavior :

On the 404 ("Oh no! This page does not exist") page at full browser width, the
background hero graphics overlap the page heading and completely hide the search
bar beneath it.

##Expected behavior :

The heading and search bar should be fully visible and unobstructed at all viewport
widths, consistent with how the page renders in a narrower window.

##Steps to reproduce :

  1. Navigate to any broken/non-existent URL on home-assistant.io
  2. View the page at full browser width (≥1024px)

##Additional context :

At narrow widths the layout is correct. The issue appears to be that the background
graphics are not properly layered behind the page content at wider viewports.

URL

https://www.home-assistant.io/blog/2026/03/04/release-202603/

Version

2026.3.4

Additional information

Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    blogThis PR adds a blog article to the Home Assistant website

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions