diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.test.tsx b/x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.test.tsx
index 4053f2f4bb613..623e6e47167d2 100644
--- a/x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.test.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.test.tsx
@@ -6,7 +6,7 @@
import React from 'react';
import { shallow } from 'enzyme';
-import { EuiPageSideBar, EuiButton } from '@elastic/eui';
+import { EuiPageSideBar, EuiButton, EuiPageBody } from '@elastic/eui';
import { Layout, INavContext } from './layout';
@@ -15,6 +15,13 @@ describe('Layout', () => {
const wrapper = shallow();
expect(wrapper.find('.enterpriseSearchLayout')).toHaveLength(1);
+ expect(wrapper.find(EuiPageBody).prop('restrictWidth')).toBeFalsy();
+ });
+
+ it('passes the restrictWidth prop', () => {
+ const wrapper = shallow();
+
+ expect(wrapper.find(EuiPageBody).prop('restrictWidth')).toEqual(true);
});
it('renders navigation', () => {
diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.tsx b/x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.tsx
index b4497140b65b7..e122c4d5cfdfa 100644
--- a/x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.tsx
@@ -14,6 +14,7 @@ import './layout.scss';
interface ILayoutProps {
navigation: React.ReactNode;
+ restrictWidth?: boolean;
}
export interface INavContext {
@@ -21,7 +22,7 @@ export interface INavContext {
}
export const NavContext = React.createContext({});
-export const Layout: React.FC = ({ children, navigation }) => {
+export const Layout: React.FC = ({ children, navigation, restrictWidth }) => {
const [isNavOpen, setIsNavOpen] = useState(false);
const toggleNavigation = () => setIsNavOpen(!isNavOpen);
const closeNavigation = () => setIsNavOpen(false);
@@ -54,7 +55,9 @@ export const Layout: React.FC = ({ children, navigation }) => {
{navigation}
- {children}
+
+ {children}
+
);
};