From 6cf92d4ea61a75d90d4eed4623f3c48dd5f1d0e3 Mon Sep 17 00:00:00 2001
From: "kasia.oczkowska" <katarzyna.oczkowska@theworkingroup.net>
Date: Wed, 13 Mar 2024 14:28:16 +0000
Subject: [PATCH] fix: introduce a fix for the content container height in the
 PublicLayout component

---
 .../web/src/components/PublicLayout/index.jsx | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/components/PublicLayout/index.jsx b/packages/web/src/components/PublicLayout/index.jsx
index f1634e27..2441071a 100644
--- a/packages/web/src/components/PublicLayout/index.jsx
+++ b/packages/web/src/components/PublicLayout/index.jsx
@@ -1,10 +1,12 @@
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import Toolbar from '@mui/material/Toolbar';
 import AppBar from '@mui/material/AppBar';
 import Box from '@mui/material/Box';
 import Logo from 'components/Logo';
 import Container from 'components/Container';
-export default function Layout({ children }) {
+
+function Layout({ children }) {
   return (
     <>
       <AppBar>
@@ -15,11 +17,23 @@ export default function Layout({ children }) {
         </Container>
       </AppBar>
 
-      <Box sx={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
+      <Box
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          height: '100%',
+          minHeight: '100vh',
+        }}
+      >
         <Toolbar />
-
         {children}
       </Box>
     </>
   );
 }
+
+Layout.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export default Layout;