diff --git a/src/app/layout.js b/src/app/layout.js
index 8c78f6c7..c68f8127 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -58,26 +58,28 @@ export default async function RootLayout({ children }) {
   return (
     <RecoilRootWrapper>
       <GlobalDataProvider>
-        <html lang="en">
-          <body>
-            {headerPathname === '/login' || headerPathname === '/join' ? (
-              <QcastProvider>{children}</QcastProvider>
-            ) : (
-              <QcastProvider>
-                <GlobalLoadingProvider />
-                <div className="wrap">
-                  <Header userSession={sessionProps} />
-                  <div className="content">
-                    <SessionProvider useSession={sessionProps}>{children}</SessionProvider>
+        <QcastProvider>
+          <html lang="en">
+            <body>
+              {headerPathname === '/login' || headerPathname === '/join' ? (
+                { children }
+              ) : (
+                <>
+                  <GlobalLoadingProvider />
+                  <div className="wrap">
+                    <Header userSession={sessionProps} />
+                    <div className="content">
+                      <SessionProvider useSession={sessionProps}>{children}</SessionProvider>
+                    </div>
+                    <Footer />
                   </div>
-                  <Footer />
-                </div>
-              </QcastProvider>
-            )}
-            <QModal />
-            <PopupManager />
-          </body>
-        </html>
+                </>
+              )}
+              <QModal />
+              <PopupManager />
+            </body>
+          </html>
+        </QcastProvider>
       </GlobalDataProvider>
     </RecoilRootWrapper>
   )
