From 9afd863ec62b9e0c00c312dc4a001a7645d455b8 Mon Sep 17 00:00:00 2001
From: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com>
Date: Wed, 21 Oct 2020 13:39:49 +0300
Subject: [PATCH] fix(storefront): BCTHEME-197 Logo focus of voice over has
 wrong (100% of the screen) width (#1831)

---
 CHANGELOG.md                            | 2 ++
 assets/scss/layouts/header/_header.scss | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8f1f0a514f..f800de3c49 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,7 @@
 # Changelog
 
+- Fixed header logo focus border for voiceover and browser. [#1831](https://github.com/bigcommerce/cornerstone/pull/1831)
+
 ## Draft
 - Unified browsers list that we support. [#1836](https://github.com/bigcommerce/cornerstone/pull/1836)
 - Bump stencil utils and update hooks to account for refactor to drop Jquery in stencil utils [#1821](https://github.com/bigcommerce/cornerstone/pull/1821)
diff --git a/assets/scss/layouts/header/_header.scss b/assets/scss/layouts/header/_header.scss
index 8f95dcf076..10ba833ac0 100644
--- a/assets/scss/layouts/header/_header.scss
+++ b/assets/scss/layouts/header/_header.scss
@@ -44,6 +44,8 @@
         overflow: visible;
         position: relative;
         height: auto;
+        display: flex;
+        flex-direction: column;
     }
 
     &.is-open {