From 18464c746abd48d69c2dfe718c50400a7caaabd6 Mon Sep 17 00:00:00 2001
From: "kasia.oczkowska" <katarzyna.oczkowska@theworkingroup.net>
Date: Wed, 24 Apr 2024 12:42:24 +0100
Subject: [PATCH] fix: align 404 page content to the center

---
 packages/web/src/components/Layout/index.jsx       | 7 ++++++-
 packages/web/src/components/NotFound/index.jsx     | 2 ++
 packages/web/src/components/PublicLayout/index.jsx | 3 +--
 packages/web/src/styles/theme.js                   | 2 ++
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/components/Layout/index.jsx b/packages/web/src/components/Layout/index.jsx
index 82fe16e0..8f0532de 100644
--- a/packages/web/src/components/Layout/index.jsx
+++ b/packages/web/src/components/Layout/index.jsx
@@ -113,7 +113,12 @@ export default function PublicLayout({ children }) {
         onDrawerClose={closeDrawer}
       />
 
-      <Box sx={{ display: 'flex', height: '100%' }}>
+      <Box
+        sx={{
+          display: 'flex',
+          flex: 1,
+        }}
+      >
         <Drawer
           links={drawerLinks}
           bottomLinks={bottomLinks}
diff --git a/packages/web/src/components/NotFound/index.jsx b/packages/web/src/components/NotFound/index.jsx
index 007d388e..5ca70e5b 100644
--- a/packages/web/src/components/NotFound/index.jsx
+++ b/packages/web/src/components/NotFound/index.jsx
@@ -7,6 +7,7 @@ import useFormatMessage from 'hooks/useFormatMessage';
 import useAuthentication from 'hooks/useAuthentication';
 import Layout from 'components/Layout';
 import PublicLayout from 'components/PublicLayout';
+
 export default function NoResultFound() {
   const formatMessage = useFormatMessage();
   const { isAuthenticated } = useAuthentication();
@@ -32,6 +33,7 @@ export default function NoResultFound() {
       </Link>
     </Stack>
   );
+
   return isAuthenticated ? (
     <Layout>{pageContent}</Layout>
   ) : (
diff --git a/packages/web/src/components/PublicLayout/index.jsx b/packages/web/src/components/PublicLayout/index.jsx
index 2441071a..5d072ba6 100644
--- a/packages/web/src/components/PublicLayout/index.jsx
+++ b/packages/web/src/components/PublicLayout/index.jsx
@@ -21,8 +21,7 @@ function Layout({ children }) {
         sx={{
           display: 'flex',
           flexDirection: 'column',
-          height: '100%',
-          minHeight: '100vh',
+          flex: 1,
         }}
       >
         <Toolbar />
diff --git a/packages/web/src/styles/theme.js b/packages/web/src/styles/theme.js
index 39ee0020..bf60c1d4 100644
--- a/packages/web/src/styles/theme.js
+++ b/packages/web/src/styles/theme.js
@@ -226,6 +226,8 @@ export const defaultTheme = createTheme({
         },
         '#root': {
           minHeight: '100vh',
+          display: 'flex',
+          flexDirection: 'column',
         },
       },
     },