From 797c2381e453d4f40e1703402f192eb7675d6fbe Mon Sep 17 00:00:00 2001
From: Daniel Ruf <827205+DanielRuf@users.noreply.github.com>
Date: Sat, 28 Dec 2019 09:32:07 +0100
Subject: [PATCH] fix: remove double padding and add missing background color -
 closes #373 (#399)

* fix: remove double padding - closes #373

* fix: add missing background color
---
 src/App/App.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/App/App.tsx b/src/App/App.tsx
index 458536e..7ee8c8e 100644
--- a/src/App/App.tsx
+++ b/src/App/App.tsx
@@ -16,8 +16,11 @@ import { Theme } from '../design-tokens/theme';
 import AppContextProvider from './AppContextProvider';
 import AppRoute, { history } from './AppRoute';
 
+const StyledBox = styled(Box)<{ theme?: Theme }>(({ theme }) => ({
+  backgroundColor: theme && theme.palette.white,
+}));
+
 const StyledBoxContent = styled(Box)<{ theme?: Theme }>(({ theme }) => ({
-  padding: 15,
   [`@media screen and (min-width: ${theme && theme.breakPoints.container}px)`]: {
     maxWidth: theme && theme.breakPoints.container,
     width: '100%',
@@ -80,7 +83,7 @@ const App: React.FC = () => {
   return (
     <>
       <StyleBaseline />
-      <Box display="flex" flexDirection="column" height="100%">
+      <StyledBox display="flex" flexDirection="column" height="100%">
         {isLoading ? (
           <Loading />
         ) : (
@@ -96,7 +99,7 @@ const App: React.FC = () => {
             <Footer />
           </>
         )}
-      </Box>
+      </StyledBox>
     </>
   );
 };