diff --git a/apps/web/src/app/[locale]/page.tsx b/apps/web/src/app/[locale]/page.tsx
index 86978c972..ed734baee 100644
--- a/apps/web/src/app/[locale]/page.tsx
+++ b/apps/web/src/app/[locale]/page.tsx
@@ -508,7 +508,7 @@ export default function Home({ params }: { params: { locale: string } }) {
       <div style={{
         display: 'flex',
         flexDirection: 'column',
-        height: 'calc(100vh - 64px)',
+        height: 'calc(100vh - 68px)',
         background: '#f5f4ed',
         fontFamily: 'var(--font-body), monospace',
         overflow: 'hidden',
diff --git a/apps/web/src/components/layout/app-layout.tsx b/apps/web/src/components/layout/app-layout.tsx
index c31fde9d2..d97d4cdd5 100644
--- a/apps/web/src/components/layout/app-layout.tsx
+++ b/apps/web/src/components/layout/app-layout.tsx
@@ -131,9 +131,9 @@ export function AppLayout({
       <main
         className={cn(
           'relative z-10',
-          'pt-16', // Header height (64px)
+          'pt-[68px]',
           'transition-all duration-300 ease-out',
-          collapsed ? 'ml-16' : 'ml-64'
+          collapsed ? 'ml-16' : 'ml-[224px]'
         )}
       >
         {fullBleed ? (