diff --git a/packages/website/src/components/BlitzKitTheme.tsx b/packages/website/src/components/BlitzKitTheme.tsx
index 6b7b8ef05..36a916ffa 100644
--- a/packages/website/src/components/BlitzKitTheme.tsx
+++ b/packages/website/src/components/BlitzKitTheme.tsx
@@ -5,11 +5,15 @@ interface BlitzKitThemeProps extends ThemeProps {
   children: ReactNode;
 }
 
-export function BlitzKitTheme({ children, ...props }: BlitzKitThemeProps) {
+export function BlitzKitTheme({
+  children,
+  style,
+  ...props
+}: BlitzKitThemeProps) {
   return (
     <Theme
       grayColor="mauve"
-      style={{ minHeight: 'unset' }}
+      style={{ minHeight: 'unset', ...style }}
       appearance="dark"
       panelBackground="solid"
       radius="full"
diff --git a/packages/website/src/components/PageWrapper.tsx b/packages/website/src/components/PageWrapper.tsx
index 42dceda5d..d9e021c2e 100644
--- a/packages/website/src/components/PageWrapper.tsx
+++ b/packages/website/src/components/PageWrapper.tsx
@@ -1,5 +1,6 @@
 import { Flex, type FlexProps, Theme } from '@radix-ui/themes';
 import type { ComponentProps } from 'react';
+import { NAVBAR_HEIGHT } from '../constants/navbar';
 import type { RadixSize } from '../stores/embedState';
 import { BlitzKitTheme } from './BlitzKitTheme';
 
@@ -29,8 +30,8 @@ export function PageWrapper({
       style={{
         flex: noFlex1 ? undefined : 1,
         display: 'flex',
+        minHeight: `calc(100dvh - ${NAVBAR_HEIGHT}px)`,
         flexDirection: 'column',
-        minHeight: 'unset',
         ...containerProps?.style,
       }}
       {...containerProps}