va-official-gov-banner padding issue

[ataker]

Bug Report

• I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

va-official-gov-banner padding issue at medium size. "Here's how you know" text is wrapping to a new line incorrectly

What I expected to happen

There are three outcomes that I think would be acceptable:

1. It wraps to the new line without issue
2. It stay on the same line as "Official website..." text as it appears to be enough room at this size
3. It converts to the smaller version seen on va.gov:
   

Reproducing

• Formation version:
• Device: (e.g. iPhone 8, Macbook)
• Browser: (e.g. Firefox, IE 11)

Urgency

How urgent is this request? Please select the approriate option below and/or provide details

• This bug is blocking work currently in progress
• This bug is affecting work currently in progress but we have a workaround
• This bug is blocking work planned within the next few sprints
• This bug is not blocking any work
• Other

Details

First reported on the va-minimal-header PR

[caw310]

Hey team! Please add your planning poker estimate with Zenhub @Andrew565 @ataker @harshil1793 @it-harrison @jamigibbs @micahchiang @nickjg231 @powellkerry @rmessina1010