diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 9d807425..8843cc64 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,7 +1,9 @@
 import type { Metadata, Viewport } from 'next';
 import { Inter } from 'next/font/google';
 import '@/app/globals.css';
+
 import MainDrawer from '@/components/MainDrawer';
+import RequireAuth from '@/components/helper/RequireAuth';
 
 const inter = Inter({
   variable: '--font-inter',
@@ -27,7 +29,9 @@ export default function RootLayout({
   return (
     <html lang='en'>
       <body className={`${inter.variable} antialiased font-inter`}>
-        <MainDrawer>{children}</MainDrawer>
+        <RequireAuth>
+          <MainDrawer>{children}</MainDrawer>
+        </RequireAuth>
       </body>
     </html>
   );
