Venia header/layout broken in offline mode

[RaghavendraTirumalasetti]

Description

Steps to Reproduce

Set device to offline mode
Got to venia.magento.com or develop.pwa-venia.com on mobile
Observe logo and action icons overlapping in header
Expected

Logo and action icons in header to do not overlap in offline mode

Actual

Header layout in Venia on mobile with offline mode is not wrapping correctly.

Related Issue

Closes #https://jira.corp.adobe.com/browse/PWA-2615.

Acceptance

Verification Stakeholders

Specification

Verification Steps

Test scenario(s) for direct fix/feature

Test scenario(s) for any existing impacted features/areas

Test scenario(s) for any Magento Backend Supported Configurations

Is Browser/Device testing needed?

Any ad-hoc/edge case scenarios that need to be considered?

Screenshots / Screen Captures (if appropriate)

Breaking Changes (if any)

Checklist

• I have added tests to cover my changes, if necessary.
• I have added translations for new strings, if necessary.
• I have updated the documentation accordingly, if necessary.

[pwa-studio-bot]

	Messages
📖	Associated JIRA tickets: PWA-2615.
📖	DangerCI Failures related to missing labels/description/linked issues/etc will persist until the next push or next pr-test build run (assuming they are fixed).
📖	Access a deployed version of this PR here. Make sure to wait for the "pwa-pull-request-deploy" job to complete.

Generated by 🚫 dangerJS against 4420b4b

[glo82145]

run lighthouse-desktop

[pwa-test-bot]

Successfully started codebuild job for lighthouse-desktop

[glo82145]

run lighthouse-mobile

[pwa-test-bot]

Successfully started codebuild job for lighthouse-mobile