diff --git a/app/layout.tsx b/app/layout.tsx
index 484e498..d05bdbb 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata, Viewport } from "next/types";
 import "./globals.css";
+import Providers from "@/components/Providers";
 
 export const metadata: Metadata = {
   title: {
@@ -34,7 +35,7 @@ export default function RootLayout({
         <link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
       </head>
       <body className="bg-dark-900 text-white antialiased">
-        {children}
+        <Providers>{children}</Providers>
       </body>
     </html>
   );