Merge pull request #285 from Tauffer-Consulting/fix/overflow-flex-mai…

…n-content

fix(frontend): overflow on flex components

frontend/src/components/PrivateLayout/index.tsx

@@ -1,6 +1,7 @@
 import { Box, Container } from "@mui/material";
 import { type FC, type ReactNode } from "react";
 
+import { DrawerHeader } from "./header/drawerMenu.style";
 import { Header } from "./header/header";
 
 interface Props {
@@ -9,10 +10,16 @@ interface Props {
 
 export const PrivateLayout: FC<Props> = ({ children }) => {
   return (
-    <Box sx={{ display: "flex", width: "100%", marginTop: "64px" }}>
+    <Box sx={{ display: "flex" }}>
       <Header />
 
-      <Container component="main" maxWidth={false} sx={{ padding: 3 }}>
+      <Container
+        component="main"
+        maxWidth={false}
+        sx={{ padding: 3, overflow: "auto" }}
+      >
+        <DrawerHeader />
+
         <Box sx={{ paddingLeft: 0 }}>{children}</Box>
       </Container>
     </Box>