diff --git a/packages/components/src/templates/next/components/complex/Hero/Hero.tsx b/packages/components/src/templates/next/components/complex/Hero/Hero.tsx
index cd50ab688..7cb764dc4 100644
--- a/packages/components/src/templates/next/components/complex/Hero/Hero.tsx
+++ b/packages/components/src/templates/next/components/complex/Hero/Hero.tsx
@@ -119,7 +119,7 @@ const HeroBlock = ({
         </div>
       </div>
       <div
-        className="h-[500px] bg-cover bg-center bg-no-repeat lg:h-auto lg:max-h-full lg:w-1/2"
+        className="h-80 bg-cover bg-center bg-no-repeat lg:h-auto lg:max-h-full lg:w-1/2"
         style={{
           backgroundImage: `url('${backgroundSrc}')`,
         }}