From 6331999c7c48b7f4141b6259b0725edd6699ddd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20Barrenechea=20S=C3=A1nchez?=
 <miguel.barrenechea@vizzuality.com>
Date: Mon, 18 Dec 2023 11:11:40 +0100
Subject: [PATCH] Wrapper: remove flex-grow and h-full

---
 app/layout/home/intro/component.tsx | 2 +-
 app/layout/wrapper/component.tsx    | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/layout/home/intro/component.tsx b/app/layout/home/intro/component.tsx
index afb862d0ef..7518712892 100644
--- a/app/layout/home/intro/component.tsx
+++ b/app/layout/home/intro/component.tsx
@@ -29,7 +29,7 @@ export const HomeIntro: React.FC = () => {
       style={{ backgroundColor }}
     >
       <HeroAnimation />
-      <Wrapper>
+      <Wrapper className="h-full">
         <div className="relative z-10 m-auto flex h-full w-full max-w-5xl flex-col justify-between py-8 md:mb-48 md:mt-52 md:py-0">
           <div className="lg:pr-80">
             <motion.h1
diff --git a/app/layout/wrapper/component.tsx b/app/layout/wrapper/component.tsx
index 3308517947..0726490405 100644
--- a/app/layout/wrapper/component.tsx
+++ b/app/layout/wrapper/component.tsx
@@ -4,13 +4,15 @@ import { cn } from 'utils/cn';
 
 export interface WrapperProps {
   children: ReactNode;
+  className?: string;
 }
 
-export const Wrapper: React.FC<WrapperProps> = ({ children }: WrapperProps) => {
+export const Wrapper: React.FC<WrapperProps> = ({ children, className }: WrapperProps) => {
   return (
     <div
       className={cn({
-        'mx-auto flex h-full w-full flex-grow flex-col px-10 md:container': true,
+        'mx-auto flex w-full flex-col px-10 md:container': true,
+        [className]: !!className,
       })}
     >
       {children}