Fixed background color not changing on theme swap

Client/src/App.jsx

@@ -32,6 +32,7 @@ import { ThemeProvider } from "@emotion/react";
 import lightTheme from "./Utils/Theme/lightTheme";
 import darkTheme from "./Utils/Theme/darkTheme";
 import { useSelector } from "react-redux";
+import { CssBaseline } from "@mui/material";
 
 function App() {
   const AdminCheckedRegister = withAdminCheck(Register);
@@ -45,6 +46,7 @@ function App() {
 
   return (
     <ThemeProvider theme={mode === "light" ? lightTheme : darkTheme}>
+      <CssBaseline />
       <Routes>
         <Route exact path="/" element={<HomeLayout />}>
           <Route