Infvyr
diff --git a/‎app/layout.js‎
Lines changed: 3 additions & 2 deletions b/‎app/layout.js‎
Lines changed: 3 additions & 2 deletions
@@ -2,18 +2,19 @@ import { Suspense } from "react";
 import { AppHeader, AppFooter, AppMetadata } from "components";
 import Loading from "./loading";
 import "styles/globals.css";
+import { ThemeContext } from "context";
 
 export const metadata = { ...AppMetadata };
 
 export default function RootLayout({ children }) {
 	return (
 		<html lang="en">
 			<body>
-				<div className="theme">
+				<ThemeContext>
 					<AppHeader />
 					<Suspense fallback={<Loading />}>{children}</Suspense>
 					<AppFooter />
-				</div>
+				</ThemeContext>
 			</body>
 		</html>
 	);