diff --git a/package.json b/package.json
index c668cce2bc5109..6c0ecb3e3f541b 100644
--- a/package.json
+++ b/package.json
@@ -93,7 +93,7 @@
   },
   "dependencies": {
     "@elastic/datemath": "5.0.1",
-    "@elastic/eui": "5.3.0",
+    "@elastic/eui": "5.6.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.3.2",
diff --git a/src/ui/public/chrome/directives/header_global_nav/components/header.tsx b/src/ui/public/chrome/directives/header_global_nav/components/header.tsx
index 62a32824e8778e..e5a13e9720d508 100644
--- a/src/ui/public/chrome/directives/header_global_nav/components/header.tsx
+++ b/src/ui/public/chrome/directives/header_global_nav/components/header.tsx
@@ -78,14 +78,14 @@ class HeaderUI extends Component<Props> {
 
     return (
       <EuiHeader>
-        <EuiHeaderSection>
+        <EuiHeaderSection grow={false}>
           <EuiHeaderSectionItem border="right">{this.renderLogo()}</EuiHeaderSectionItem>
 
           <HeaderNavControls navControls={leftNavControls} />
-
-          <HeaderBreadcrumbs appTitle={appTitle} breadcrumbs$={breadcrumbs$} />
         </EuiHeaderSection>
 
+        <HeaderBreadcrumbs appTitle={appTitle} breadcrumbs$={breadcrumbs$} />
+
         <EuiHeaderSection side="right">
           <HeaderNavControls navControls={rightNavControls} />
 
diff --git a/x-pack/package.json b/x-pack/package.json
index 5fe019ba16b012..661a1b816712c7 100644
--- a/x-pack/package.json
+++ b/x-pack/package.json
@@ -117,7 +117,7 @@
   },
   "dependencies": {
     "@elastic/datemath": "5.0.1",
-    "@elastic/eui": "5.3.0",
+    "@elastic/eui": "5.6.0",
     "@elastic/node-crypto": "0.1.2",
     "@elastic/node-phantom-simple": "2.2.4",
     "@elastic/numeral": "2.3.2",
diff --git a/x-pack/plugins/infra/types/eui.d.ts b/x-pack/plugins/infra/types/eui.d.ts
index b3285d211f5df8..be3d2f0b068ab7 100644
--- a/x-pack/plugins/infra/types/eui.d.ts
+++ b/x-pack/plugins/infra/types/eui.d.ts
@@ -13,7 +13,7 @@ declare module '@elastic/eui' {
   export const EuiWrappingPopover: React.SFC<any>;
 }
 
-import { EuiToolTipPosition } from '@elastic/eui';
+import { EuiToolTipPosition, IconType } from '@elastic/eui';
 import { CommonProps } from '@elastic/eui/src/components/common';
 import moment from 'moment';
 import { MouseEventHandler, ReactType, Ref } from 'react';
diff --git a/yarn.lock b/yarn.lock
index 3aa7265aff7d10..09242e3dbe3f32 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -803,10 +803,10 @@
     tabbable "^1.1.0"
     uuid "^3.1.0"
 
-"@elastic/eui@5.3.0":
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-5.3.0.tgz#6a871b209c757141ebe88f5c77393652cb43c24d"
-  integrity sha512-fvOSwZsdQHGpLUIPVLGZus+ty4hJtHVTGqhdwNIFyCt1/gha/S7nEN2Gsk442gfDbGE2girc6vhD3Bl1gzBYRA==
+"@elastic/eui@5.6.0":
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-5.6.0.tgz#5d58beff9a2b30ac38724c1704bbf807840f28ea"
+  integrity sha512-L5neMw4ejPtG+RNW48W3WVxlO8J5HIM2FAskuEERKH0nZWPQSk0wwXOvlegpd+RuHt4elfjTU+nrLvfB9cLKow==
   dependencies:
     classnames "^2.2.5"
     core-js "^2.5.1"
@@ -819,7 +819,6 @@
     prop-types "^15.6.0"
     react-ace "^5.5.0"
     react-color "^2.13.8"
-    react-datepicker v1.5.0
     react-input-autosize "^2.2.1"
     react-virtualized "^9.18.5"
     react-vis "1.10.2"