diff --git a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
index 9e890f5bce4083..82353a96dc33c6 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
@@ -371,7 +371,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
     isOpen={true}
     onClose={[Function]}
     ownFocus={false}
-    size={240}
+    size={248}
   >
     <button
       aria-controls="collapsibe-nav"
@@ -395,7 +395,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
       pushMinBreakpoint="l"
       role={null}
       side="left"
-      size={240}
+      size={248}
       type="overlay"
     >
       <nav
@@ -2158,7 +2158,7 @@ exports[`CollapsibleNav renders the default nav 1`] = `
     isOpen={false}
     onClose={[Function]}
     ownFocus={false}
-    size={240}
+    size={248}
   >
     <button
       aria-controls="collapsibe-nav"
@@ -2407,7 +2407,7 @@ exports[`CollapsibleNav renders the default nav 2`] = `
     isOpen={false}
     onClose={[Function]}
     ownFocus={false}
-    size={240}
+    size={248}
   >
     <button
       aria-controls="collapsibe-nav"
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index b59916fc4299c5..af836d4436a1a1 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -4553,7 +4553,7 @@ exports[`Header renders 1`] = `
                       isOpen={false}
                       onClose={[Function]}
                       ownFocus={false}
-                      size={240}
+                      size={248}
                     >
                       <EuiHeaderSectionItemButton
                         aria-controls="mockId"
diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index eaddc6b94bd469..1bf5c5e2f65c08 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -126,7 +126,7 @@ export function CollapsibleNav({
       onClose={closeNav}
       button={button}
       ownFocus={false}
-      size={240}
+      size={248}
     >
       {customNavLink && (
         <Fragment>
diff --git a/src/plugins/kibana_react/public/page_template/page_template.scss b/src/plugins/kibana_react/public/page_template/page_template.scss
index a5419374a8bebd..63acf168007b71 100644
--- a/src/plugins/kibana_react/public/page_template/page_template.scss
+++ b/src/plugins/kibana_react/public/page_template/page_template.scss
@@ -1,5 +1,7 @@
 .kbnPageTemplate__pageSideBar {
   overflow: hidden;
+  // Temporary hack till the sizing is changed directly in EUI
+  min-width: 248px;
 
   @include euiCanAnimate {
     transition: min-width $euiAnimSpeedFast $euiAnimSlightResistance;
diff --git a/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav.scss b/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav.scss
index 1ac42fa0dd79dd..80442f548c0378 100644
--- a/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav.scss
+++ b/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav.scss
@@ -3,13 +3,8 @@ $euiSideNavEmphasizedBackgroundColor: transparentize($euiColorLightShade, .7);
 .kbnPageTemplateSolutionNav {
   @include euiYScroll;
 
-  @include euiBreakpoint('m') {
-    width: $euiPageSidebarMinWidth + ($euiSizeL * 2);
-    padding: $euiSizeL;
-  }
-
-  @include euiBreakpoint('l', 'xl') {
-    width: $euiPageSidebarMinWidth + ($euiSizeL * 2);
+  @include euiBreakpoint('m' ,'l', 'xl') {
+    width: 248px;
     padding: $euiSizeL;
   }
 }
diff --git a/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav.tsx b/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav.tsx
index d1911ffe107d27..bffaccda89c6a6 100644
--- a/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav.tsx
+++ b/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav.tsx
@@ -138,7 +138,7 @@ export const KibanaPageTemplateSolutionNav: FunctionComponent<KibanaPageTemplate
               outsideClickCloses
               onClose={() => setIsSideNavOpenOnMobile(false)}
               side="left"
-              size={240}
+              size={248}
               closeButtonPosition="outside"
             >
               {sideNav}
diff --git a/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav_collapse_button.scss b/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav_collapse_button.scss
index 6e1420d9b137b5..8748f72fa51d87 100644
--- a/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav_collapse_button.scss
+++ b/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav_collapse_button.scss
@@ -1,8 +1,8 @@
 .kbnPageTemplateSolutionNavCollapseButton {
   position: absolute;
   opacity: 0;
-  left: 240px - $euiSize;
-  top: $euiSize;
+  left: 248px - $euiSize;
+  top: $euiSizeL;
   z-index: 2;
 
   @include euiCanAnimate {
@@ -18,11 +18,11 @@
   &:hover,
   &:focus {
     opacity: 1;
-    left: 240px - $euiSizeL;
+    left: 248px - $euiSizeL;
   }
 
   .kbnPageTemplate__pageSideBar:hover & {
-    transition-delay: $euiAnimSpeedSlow;
+    transition-delay: $euiAnimSpeedSlow * 2;
   }
 }
 
diff --git a/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav_collapse_button.tsx b/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav_collapse_button.tsx
index cc437edc5c13f0..922fe54beaddd3 100644
--- a/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav_collapse_button.tsx
+++ b/src/plugins/kibana_react/public/page_template/solution_nav/solution_nav_collapse_button.tsx
@@ -49,7 +49,6 @@ export const KibanaPageTemplateSolutionNavCollapseButton: FunctionComponent<Kiba
       className={classes}
       iconType={isCollapsed ? 'menuRight' : 'menuLeft'}
       size="s"
-      display="fill"
       color="text"
       aria-label={isCollapsed ? openLabel : collapseLabel}
       title={isCollapsed ? openLabel : collapseLabel}