diff --git a/src/frontend/apps/impress/src/features/header/index.ts b/src/frontend/apps/impress/src/features/header/index.ts
index ef6330a0..ccc053ab 100644
--- a/src/frontend/apps/impress/src/features/header/index.ts
+++ b/src/frontend/apps/impress/src/features/header/index.ts
@@ -1 +1,2 @@
 export * from './components/';
+export * from './conf';
diff --git a/src/frontend/apps/impress/src/layouts/PageLayout.tsx b/src/frontend/apps/impress/src/layouts/PageLayout.tsx
index 8efaeccc..f52706af 100644
--- a/src/frontend/apps/impress/src/layouts/PageLayout.tsx
+++ b/src/frontend/apps/impress/src/layouts/PageLayout.tsx
@@ -2,13 +2,18 @@ import { PropsWithChildren } from 'react';
 
 import { Box } from '@/components';
 import { Footer } from '@/features/footer';
-import { Header } from '@/features/header';
+import { HEADER_HEIGHT, Header } from '@/features/header';
+import { LeftPanel } from '@/features/left-panel';
+import { useResponsiveStore } from '@/stores';
 
 export function PageLayout({ children }: PropsWithChildren) {
+  const { isDesktop } = useResponsiveStore();
+
   return (
-    <Box $minHeight="100vh">
+    <Box $minHeight="100vh" $margin={{ top: `${HEADER_HEIGHT}px` }}>
       <Header />
       <Box as="main" $width="100%" $css="flex-grow:1;">
+        {!isDesktop && <LeftPanel />}
         {children}
       </Box>
       <Footer />