From 559f3edd06b5b66a3827d6141a2c7cab8022ae96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 9 Oct 2024 19:03:18 -0500
Subject: [PATCH] fix: some sizing

---
 packages/website/src/components/BlitzKitTheme.tsx | 8 ++++++--
 packages/website/src/components/PageWrapper.tsx   | 3 ++-
 2 files changed, 8 insertions(+), 3 deletions(-)

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}