Expand containers to fill full vertical height.

src/App.tsx

@@ -181,10 +181,18 @@ class App extends React.PureComponent {
 
     const fetching = this.props.fetchCount > 0;
 
+    const styles = {
+      main: {
+        backgroundColor: muiTheme.palette.background.default,
+        color: muiTheme.palette.text.primary,
+        flexGrow: 1
+      },
+    };
+
     return (
       <ThemeProvider theme={muiTheme}>
         <BrowserRouter>
-        <div style={{backgroundColor: muiTheme.palette.background.default, color: muiTheme.palette.text.primary}}>
+        <div style={styles.main}>
           <AppBarWitHistory
             toggleDrawerIcon={<IconButton onClick={this.toggleDrawer}><NavigationMenu /></IconButton>}
             iconElementRight={

src/index.css

@@ -1,3 +1,8 @@
+html,
+body {
+    height: 100%;
+}
+
 body {
   margin: 0;
   padding: 0;
@@ -19,4 +24,9 @@ body:before {
 
 #root {
   background-color: white;
+
+  min-height: 100%;
+  background-color: #f0f0f0;
+  display: flex;
+  flex-direction: column;
 }