diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.scss b/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.scss
index 6ba90cba381c4..677767c190f0e 100644
--- a/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.scss
+++ b/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.scss
@@ -7,18 +7,14 @@
@include euiBreakpoint('m', 'l', 'xl') {
.kbnPageTemplateSolutionNav {
- position: relative;
- min-height: 100%;
-
- // Nested to override EUI specificity
- .betaNotificationSideNavItem {
- margin-top: $euiSizeL;
- }
+ display: flex;
+ flex-direction: column;
}
-
- .betaNotificationWrapper {
- position: absolute;
- bottom: 3px; // Without this 3px buffer, the popover won't render to the right
+ .euiSideNav__content {
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
}
}
diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.test.tsx b/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.test.tsx
index 99b42b6f915e3..4e4c7f4edbba0 100644
--- a/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.test.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.test.tsx
@@ -107,7 +107,6 @@ describe('appendBetaNotificationItem', () => {
{
id: 'beta',
name: '',
- className: 'betaNotificationSideNavItem',
renderItem: expect.any(Function),
},
],
@@ -118,7 +117,6 @@ describe('appendBetaNotificationItem', () => {
const SideNavItem = (mockSideNav.items[2] as any).renderItem;
const wrapper = shallow(