Fix layout

Author: MetaCorp

frontend/src/components/layout/Layout.tsx

@@ -3,13 +3,23 @@ import { BrowserRouter as Router } from 'react-router-dom'
 
 import GlobalRoutes from './../../routes/GlobalRoutes'
 import Container from '@material-ui/core/Container'
+import Box from '@material-ui/core/Box'
 
 const Layout: React.FC = () => {
   return (
     <Router>
-      <Container style={{ display: 'flex' }}>
-        <GlobalRoutes />
-      </Container>
+      <Box
+        clone
+        display="flex"
+        justifyContent="center"
+        alignItems="center"
+        flexDirection="column"
+        minHeight="100vh"
+      >
+        <Container>
+          <GlobalRoutes />
+        </Container>
+      </Box>
     </Router>
   )
 }