Search box CSS bug on 404 page

[andaleliz]

The search box on the 404 page has a styling error that is causing the input field and button to be equal widths. I saw this on Chrome desktop. If I manually resize my browser window it appears to be fixed at 768px and smaller screens, but when I use the Chrome device emulator I see it across all screen sizes.

You can visit this URL to check it out for yourself: https://www.va.gov/abcde, and here are some screenshots:

[wesrowe]

From previous experience with search component rendering, this is in the design system realm. I recommend sharing with them.

[andaleliz]

@humancompanion-usds and @caw310 - sounds like this one is for your team. Do you need me to move it over to the vets-design-system-documentation repo? I checked there and it doesn't look like this has been reported yet.

[caw310]

@andaleliz it can stay in this repo.

[humancompanion-usds]

@caw310 - This is likely related to the button work we've been doing thus I would group it with the other form elements for our upcoming swarm.

[jamigibbs]

The search input displaying on the 404 page is not a design system component although it probably should be updated to be va-search-input. The CSS issue reported is not present in the design system web component.

[jamigibbs]

It looks like this page might be coming from src/applications/dhp-connected-devices/components/PageNotFound.jsx and the codeowners are @department-of-veterans-affairs/digital-health-platform

Can someone from the @department-of-veterans-affairs/digital-health-platform help out with this?

[caw310]

Removing from DST backlog since this isn't a DS component issue.