diff --git a/src/frontend/apps/impress/src/core/index.ts b/src/frontend/apps/impress/src/core/index.ts
index 6af29680..bd2c0cdc 100644
--- a/src/frontend/apps/impress/src/core/index.ts
+++ b/src/frontend/apps/impress/src/core/index.ts
@@ -1,2 +1 @@
 export * from './AppProvider';
-export * from './MainLayout';
diff --git a/src/frontend/apps/impress/src/core/MainLayout.tsx b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
similarity index 100%
rename from src/frontend/apps/impress/src/core/MainLayout.tsx
rename to src/frontend/apps/impress/src/layouts/MainLayout.tsx
diff --git a/src/frontend/apps/impress/src/layouts/PadLayout.tsx b/src/frontend/apps/impress/src/layouts/PadLayout.tsx
new file mode 100644
index 00000000..f467f86e
--- /dev/null
+++ b/src/frontend/apps/impress/src/layouts/PadLayout.tsx
@@ -0,0 +1,26 @@
+import { PropsWithChildren } from 'react';
+
+import { Box } from '@/components';
+import { useCunninghamTheme } from '@/cunningham';
+import { Panel } from '@/features/pads-panel';
+
+import { MainLayout } from './MainLayout';
+
+export function PadLayout({ children }: PropsWithChildren) {
+  const { colorsTokens } = useCunninghamTheme();
+
+  return (
+    <MainLayout>
+      <Box $height="inherit" $direction="row">
+        <Panel />
+        <Box
+          $background={colorsTokens()['primary-bg']}
+          $width="100%"
+          $height="inherit"
+        >
+          {children}
+        </Box>
+      </Box>
+    </MainLayout>
+  );
+}
diff --git a/src/frontend/apps/impress/src/layouts/index.ts b/src/frontend/apps/impress/src/layouts/index.ts
new file mode 100644
index 00000000..456e8e9e
--- /dev/null
+++ b/src/frontend/apps/impress/src/layouts/index.ts
@@ -0,0 +1,2 @@
+export * from './MainLayout';
+export * from './PadLayout';
diff --git a/src/frontend/apps/impress/src/pages/404.tsx b/src/frontend/apps/impress/src/pages/404.tsx
index d1d44fd4..1a97a9e7 100644
--- a/src/frontend/apps/impress/src/pages/404.tsx
+++ b/src/frontend/apps/impress/src/pages/404.tsx
@@ -5,7 +5,7 @@ import styled from 'styled-components';
 
 import Icon404 from '@/assets/icons/icon-404.svg';
 import { Box, StyledLink, Text } from '@/components';
-import { MainLayout } from '@/core';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const StyledButton = styled(Button)`
diff --git a/src/frontend/apps/impress/src/pages/contacts/index.tsx b/src/frontend/apps/impress/src/pages/contacts/index.tsx
index ba88d4f2..a46ea5b0 100644
--- a/src/frontend/apps/impress/src/pages/contacts/index.tsx
+++ b/src/frontend/apps/impress/src/pages/contacts/index.tsx
@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 
 import { Box } from '@/components';
-import { MainLayout } from '@/core';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const Page: NextPageWithLayout = () => {
diff --git a/src/frontend/apps/impress/src/pages/favorite/index.tsx b/src/frontend/apps/impress/src/pages/favorite/index.tsx
index 7b81c2b5..4528f0cb 100644
--- a/src/frontend/apps/impress/src/pages/favorite/index.tsx
+++ b/src/frontend/apps/impress/src/pages/favorite/index.tsx
@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 
 import { Box } from '@/components';
-import { MainLayout } from '@/core';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const Page: NextPageWithLayout = () => {
diff --git a/src/frontend/apps/impress/src/pages/groups/index.tsx b/src/frontend/apps/impress/src/pages/groups/index.tsx
index c24c0538..de5c36db 100644
--- a/src/frontend/apps/impress/src/pages/groups/index.tsx
+++ b/src/frontend/apps/impress/src/pages/groups/index.tsx
@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 
 import { Box } from '@/components';
-import { MainLayout } from '@/core';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const Page: NextPageWithLayout = () => {
diff --git a/src/frontend/apps/impress/src/pages/recent/index.tsx b/src/frontend/apps/impress/src/pages/recent/index.tsx
index cb06667f..508fd537 100644
--- a/src/frontend/apps/impress/src/pages/recent/index.tsx
+++ b/src/frontend/apps/impress/src/pages/recent/index.tsx
@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 
 import { Box } from '@/components';
-import { MainLayout } from '@/core/';
+import { MainLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
 
 const Page: NextPageWithLayout = () => {