diff --git a/chatdesk-ui/app/[locale]/layout.tsx b/chatdesk-ui/app/[locale]/layout.tsx
index a82213d..9d79312 100644
--- a/chatdesk-ui/app/[locale]/layout.tsx
+++ b/chatdesk-ui/app/[locale]/layout.tsx
@@ -122,38 +122,38 @@ export default async function RootLayout({
 
   //console.log("[layout.tsx]..............current locale: ", {locale});
 
-  return (
-    <html lang="en" suppressHydrationWarning>          
-      <body className={inter.className}>
-        <Providers attribute="class" defaultTheme="dark">
-          <TranslationsProvider
-            namespaces={i18nNamespaces}
-            locale={locale}
-            resources={resources}
-          >
-            <Toaster richColors position="top-center" duration={3000} />
-            <div className="bg-background text-foreground flex h-dvh flex-col items-center overflow-x-auto">
-              {data.session ? <GlobalState>{children}</GlobalState> : children}
-            </div>
-          </TranslationsProvider>
-        </Providers>
-      </body>
-    </html>
-  )
+  // return (
+  //   <html lang="en" suppressHydrationWarning>          
+  //     <body className={inter.className}>
+  //       <Providers attribute="class" defaultTheme="dark">
+  //         <TranslationsProvider
+  //           namespaces={i18nNamespaces}
+  //           locale={locale}
+  //           resources={resources}
+  //         >
+  //           <Toaster richColors position="top-center" duration={3000} />
+  //           <div className="bg-background text-foreground flex h-dvh flex-col items-center overflow-x-auto">
+  //             {data.session ? <GlobalState>{children}</GlobalState> : children}
+  //           </div>
+  //         </TranslationsProvider>
+  //       </Providers>
+  //     </body>
+  //   </html>
+  // )
 
-    // return (
-    //   <Providers attribute="class" defaultTheme="dark">
-    //     <TranslationsProvider
-    //       namespaces={i18nNamespaces}
-    //       locale={locale}
-    //       resources={resources}
-    //     >
-    //       <Toaster richColors position="top-center" duration={3000} />
-    //       <div className={`${inter.className} bg-background text-foreground flex h-dvh flex-col items-center overflow-x-auto`}>
-    //         {data.session ? <GlobalState>{children}</GlobalState> : children}
-    //       </div>
-    //     </TranslationsProvider>
-    //   </Providers>
-    // )
+    return (
+      <Providers attribute="class" defaultTheme="dark">
+        <TranslationsProvider
+          namespaces={i18nNamespaces}
+          locale={locale}
+          resources={resources}
+        >
+          <Toaster richColors position="top-center" duration={3000} />
+          <div className={`${inter.className} bg-background text-foreground flex h-dvh flex-col items-center overflow-x-auto`}>
+            {data.session ? <GlobalState>{children}</GlobalState> : children}
+          </div>
+        </TranslationsProvider>
+      </Providers>
+    )
 
 }
diff --git a/chatdesk-ui/pages/_document.tsx b/chatdesk-ui/pages/_document.tsx
new file mode 100644
index 0000000..0e0bd3c
--- /dev/null
+++ b/chatdesk-ui/pages/_document.tsx
@@ -0,0 +1,15 @@
+// _document.tsx
+
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  )
+}
