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(); - expect(wrapper.hasClass('betaNotificationWrapper')).toBe(true); expect(wrapper.find(BetaNotification)).toHaveLength(1); }); diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.tsx b/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.tsx index 46aa0a0af9e89..1f4c8328cc874 100644 --- a/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.tsx +++ b/x-pack/plugins/enterprise_search/public/applications/shared/layout/beta.tsx @@ -98,12 +98,7 @@ export const appendBetaNotificationItem = (sideNav: KibanaPageTemplateProps['sol sideNav.items.push({ id: 'beta', name: '', - className: 'betaNotificationSideNavItem', - renderItem: () => ( -
- -
- ), + renderItem: () => , }); } };