diff --git a/panda.config.ts b/panda.config.ts
index 7340ff9..cd53a86 100644
--- a/panda.config.ts
+++ b/panda.config.ts
@@ -20,6 +20,9 @@ export default defineConfig({
 
   globalCss: {
     body: {
+      display: 'flex',
+      flexDirection: 'column',
+      minHeight: '100vh',
       backgroundColor: 'neutral.1',
       color: 'neutral.12',
       fontFamily: "'Roboto Variable', sans-serif",
diff --git a/src/components/layout/FullWidth.tsx b/src/components/layout/FullWidth.tsx
new file mode 100644
index 0000000..312dc4c
--- /dev/null
+++ b/src/components/layout/FullWidth.tsx
@@ -0,0 +1,13 @@
+import { css, cx } from '@styled-system/css'
+import type { FC, ReactNode } from 'react'
+
+export interface FullWidthProps {
+  className?: string
+  children?: ReactNode
+}
+
+const FullWidth: FC<FullWidthProps> = ({ className, children }) => {
+  return <main className={cx(css({ flexGrow: 1 }), className)}>{children}</main>
+}
+
+export default FullWidth