adding padding left

elastic · Sep 28, 2020 · 8806a1b · 8806a1b
1 parent 53d4938
commit 8806a1b
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 5 deletions.
diff --git a/x-pack/plugins/observability/public/components/app/header/index.tsx b/x-pack/plugins/observability/public/components/app/header/index.tsx
@@ -27,7 +27,7 @@ const Wrapper = styled.div<{ restrictWidth?: number }>`
   max-width: ${(props) => `${props.restrictWidth}px`};
   margin: 0 auto;
   overflow: hidden;
-  padding: ${(props) => (props.restrictWidth ? 0 : '0 24px')};
+  padding: 0 16px;
 `;
 
 interface Props {

diff --git a/x-pack/plugins/observability/public/components/app/layout/with_header.tsx b/x-pack/plugins/observability/public/components/app/layout/with_header.tsx
@@ -9,12 +9,8 @@ import React from 'react';
 import styled from 'styled-components';
 import { Header } from '../header/index';
 
-const getPaddingSize = (props: EuiPageProps) => (props.restrictWidth ? 0 : '24px');
-
 const Page = styled(EuiPage)<EuiPageProps>`
   background: transparent;
-  padding-right: ${getPaddingSize};
-  padding-left: ${getPaddingSize};
 `;
 
 const Container = styled.div<{ color?: string }>`