diff --git a/packages/common/components/src/ui/layout/nofooter.tsx b/packages/common/components/src/ui/layout/nofooter.tsx
index 12f14ceea..29b5cddf6 100644
--- a/packages/common/components/src/ui/layout/nofooter.tsx
+++ b/packages/common/components/src/ui/layout/nofooter.tsx
@@ -8,15 +8,18 @@ import { SidebarProvider } from "../sidebar";
 import { LNB } from "../lnb";
 import { Header } from "../header";
 import "./common.css";
+import type { AuthService } from "@common/auth";
 
 export function NoFooterLayout({
   children,
   queryClient,
+  authService,
   currentPath,
   handleMenuClick,
 }: {
   children: React.ReactNode;
   queryClient?: QueryClient;
+  authService?: AuthService;
   currentPath?: string;
   handleMenuClick?: (item: MenuItem) => void;
 }) {
@@ -26,19 +29,19 @@ export function NoFooterLayout({
         <PopupProvider>
           <HelpDialogProvider>
             <SidebarProvider>
-            <div className="flex-1">
-              <Header />
-              <div className="flex">
-                <LNB
-                  currentPath={currentPath}
-                  handleMenuClick={handleMenuClick}
-                />
-                <div className="flex min-h-[calc(100vh-50px)] flex-1 flex-col overflow-auto">
-                  <div className="flex-1">{children}</div>
+              <div className="flex-1">
+                <Header authService={authService} />
+                <div className="flex">
+                  <LNB
+                    currentPath={currentPath}
+                    handleMenuClick={handleMenuClick}
+                  />
+                  <div className="flex min-h-[calc(100vh-50px)] flex-1 flex-col overflow-auto">
+                    <div className="flex-1">{children}</div>
+                  </div>
                 </div>
               </div>
-            </div>
-          </SidebarProvider>
+            </SidebarProvider>
           </HelpDialogProvider>
         </PopupProvider>
       </ClientIpGuard>