VOTE-2199: Fix logo focus outline

[mlloydbixal]

Jira ticket

VOTE-2199

Description

This fixes the issue on safari where the focus state outline box around the logo was not positioned correctly by adding inline-block rule to the wrapping element.

Deployment and testing

QA/Testing instructions

1. lando retune
2. npm run build
3. Using safari browser
4. test the focus outline position by selecting the logo in the header

Checklist for the Developer

• A link to the JIRA ticket has been included above.
• No merge conflicts exist with the target branch.
• Automated tests have passed on this PR.
• A reviewer has been designated.
• Deployment and testing steps have been documented above, if applicable.

Checklist for the Peer Reviewers

• The file changes are relevant to the task objective.
• Code is readable and includes appropriate commenting.
• Code standards and best practices are followed.
• QA/Test steps were successfully completed, if applicable.
• Applicable logs are free of errors.