diff --git a/apps/web/src/app/[locale]/page.tsx b/apps/web/src/app/[locale]/page.tsx
index acfbe4a74..12dcee3d9 100644
--- a/apps/web/src/app/[locale]/page.tsx
+++ b/apps/web/src/app/[locale]/page.tsx
@@ -14,6 +14,7 @@ import { useIncidents } from '@/hooks/useIncidents'
 import { IncidentCard } from '@/components/incident'
 import { OpenClawPanel } from '@/components/ai/openclaw-panel'
 import { HostGrid } from '@/components/infra/host-grid'
+import { AppLayout } from '@/components/layout'
 
 // =============================================================================
 // Main Page
@@ -43,13 +44,15 @@ export default function Home({ params }: { params: { locale: string } }) {
   })
 
   return (
+    <AppLayout locale={locale} showBackground={false}>
     <div style={{
       display: 'flex',
       flexDirection: 'column',
-      height: '100vh',
+      height: 'calc(100vh - 64px)',
       background: '#f5f4ed',
       fontFamily: 'Inter, system-ui, sans-serif',
       overflow: 'hidden',
+      margin: '-24px',
     }}>
       {/* ── Metrics Strip (50px) ────────────────────────────────────── */}
       <div style={{
@@ -195,5 +198,6 @@ export default function Home({ params }: { params: { locale: string } }) {
         </div>
       </div>
     </div>
+    </AppLayout>
   )
 }