From 4b13226e9a641877a421a49aabb73eb6c0115e90 Mon Sep 17 00:00:00 2001
From: Niklas <198754647+BlankAccountsUsername@users.noreply.github.com>
Date: Thu, 26 Jun 2025 10:49:27 +0200
Subject: [PATCH] do injectfirst around app

---
 code/frontend/src/components/Header.tsx |  2 --
 code/frontend/src/components/header.css |  1 +
 code/frontend/src/index.tsx             | 12 ++++++------
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/code/frontend/src/components/Header.tsx b/code/frontend/src/components/Header.tsx
index 418d93d..e1b303a 100644
--- a/code/frontend/src/components/Header.tsx
+++ b/code/frontend/src/components/Header.tsx
@@ -28,7 +28,6 @@ function Header() {
   const routerLinksList = ["/","/createpost","/profile","/about","/"]
 
   const DrawerList = (
-    <StyledEngineProvider injectFirst>
     <Box role="menu" onClick={() => setIsOpen(false)}>
       <List className="drawer-list">
         {["Feed", "Create Post", "Profile", "About Us"].map((text, index) => (
@@ -51,7 +50,6 @@ function Header() {
           </ListItem>
       </List>
     </Box>
-    </StyledEngineProvider>
   );
 
   return (
diff --git a/code/frontend/src/components/header.css b/code/frontend/src/components/header.css
index cb6e636..c0f98a6 100644
--- a/code/frontend/src/components/header.css
+++ b/code/frontend/src/components/header.css
@@ -61,6 +61,7 @@
 .drawer-list {
   background-color: #2f325e;
   min-height: 100vh;
+  min-width: 13rem;
 }
 
 .drawer-list-item {
diff --git a/code/frontend/src/index.tsx b/code/frontend/src/index.tsx
index c40f571..7902391 100644
--- a/code/frontend/src/index.tsx
+++ b/code/frontend/src/index.tsx
@@ -1,9 +1,9 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import "./index.css";
-import App from "./App";
-import reportWebVitals from "./reportWebVitals";
-import { StyledEngineProvider } from "@mui/material";
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+import { StyledEngineProvider } from '@mui/material';
 
 const root = ReactDOM.createRoot(
 	document.getElementById("root") as HTMLElement