diff --git a/src/app/layout.js b/src/app/layout.js
index c68f8127..8c78f6c7 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -58,28 +58,26 @@ export default async function RootLayout({ children }) {
   return (
     <RecoilRootWrapper>
       <GlobalDataProvider>
-        <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 />
+        <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>
                   </div>
-                </>
-              )}
-              <QModal />
-              <PopupManager />
-            </body>
-          </html>
-        </QcastProvider>
+                  <Footer />
+                </div>
+              </QcastProvider>
+            )}
+            <QModal />
+            <PopupManager />
+          </body>
+        </html>
       </GlobalDataProvider>
     </RecoilRootWrapper>
   )
