diff --git a/apps/protoform/src/components/content-wrapper/content-wrapper.tsx b/apps/protoform/src/components/content-wrapper/content-wrapper.tsx
index d515600a1..d018c1944 100644
--- a/apps/protoform/src/components/content-wrapper/content-wrapper.tsx
+++ b/apps/protoform/src/components/content-wrapper/content-wrapper.tsx
@@ -30,7 +30,7 @@ export function ContentWrapper({ children }: { children: ReactNode }) {
   return (
     <section
       className={clsx(
-        'min-h-[100vh] before:pointer-events-none before:fixed before:inset-x-auto before:top-[66px] before:block before:h-1 before:bg-gradient-to-b before:from-black/[.2] before:from-0% before:opacity-0 before:transition-[opacity] before:duration-200 before:will-change-[opacity]',
+        'before:pointer-events-none before:fixed before:inset-x-auto before:top-[66px] before:block before:h-1 before:bg-gradient-to-b before:from-black/[.2] before:from-0% before:opacity-0 before:transition-[opacity] before:duration-200 before:will-change-[opacity]',
         {
           'md:mr-[300px] before:right-[300px]': open,
           'md:before:opacity-0': scrolled,
@@ -40,7 +40,7 @@ export function ContentWrapper({ children }: { children: ReactNode }) {
       id="content-wrapper"
     >
       <GridContainer>
-        <Grid className="h-screen">
+        <Grid className="h-fit min-h-[90vh]">
           <GridItem span={{ initial: 12, sm: 8, md: 8, lg: 6 }} start={{ initial: 1, sm: 3, md: 3, lg: 4 }}>
             <div className="md:h-10 overscroll-x-none"></div>
             {children}