From 5e725240af4f0b94cd815c02bce5dc274ed0bb75 Mon Sep 17 00:00:00 2001
From: Ryan Keairns <contactryank@gmail.com>
Date: Thu, 17 Jan 2019 10:04:16 -0600
Subject: [PATCH] fixes header logo width and updates drawer example

---
 CHANGELOG.md                                |  1 +
 src-docs/src/views/nav_drawer/nav_drawer.js | 11 ++++++-----
 src/components/header/_header_logo.scss     |  2 +-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fe0a80c503d..d7f1212a484 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 - Added Inter UI to the font family stack ([#1402](https://github.com/elastic/eui/pull/1402))
 - Changed padding on `EuiHeaderLogo` and updated `EuiNavDrawer` example ([#1448](https://github.com/elastic/eui/pull/1448))
+- Updated `EuiNavDrawer` docs example and adjusted `EuiHeaderLogo` padding ([#1449](https://github.com/elastic/eui/pull/1449))
 
 **Bug fixes**
 
diff --git a/src-docs/src/views/nav_drawer/nav_drawer.js b/src-docs/src/views/nav_drawer/nav_drawer.js
index 3039d71aa97..9ea4122be4e 100644
--- a/src-docs/src/views/nav_drawer/nav_drawer.js
+++ b/src-docs/src/views/nav_drawer/nav_drawer.js
@@ -14,6 +14,7 @@ import {
   EuiHeaderSectionItem,
   EuiHeaderSectionItemButton,
   EuiHeaderBreadcrumbs,
+  EuiHeaderLogo,
   EuiIcon,
   EuiTitle,
   EuiNavDrawer,
@@ -401,11 +402,11 @@ export default class extends Component {
 
   renderLogo() {
     return (
-      <EuiHeaderSectionItemButton
-        aria-label="Go to home page"
-      >
-        <EuiIcon type="logoKibana" href="#" size="l" />
-      </EuiHeaderSectionItemButton>
+      <EuiHeaderLogo
+        iconType="logoKibana"
+        href="/#/layout/nav-drawer"
+        aria-label="Goes to home"
+      />
     );
   }
 
diff --git a/src/components/header/_header_logo.scss b/src/components/header/_header_logo.scss
index 4313e5a080d..44053540f6a 100644
--- a/src/components/header/_header_logo.scss
+++ b/src/components/header/_header_logo.scss
@@ -6,7 +6,7 @@
   position: relative;
   height: $euiHeaderChildSize;
   line-height: $euiHeaderChildSize;
-  padding: 0 $euiSizeM;
+  padding: 0 ($euiSizeM + 1px) 0 $euiSizeM;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;