diff --git a/devcon/src/components/common/page-hero/PageHero.tsx b/devcon/src/components/common/page-hero/PageHero.tsx
index 98fd60052..3e5a69c8d 100644
--- a/devcon/src/components/common/page-hero/PageHero.tsx
+++ b/devcon/src/components/common/page-hero/PageHero.tsx
@@ -167,7 +167,7 @@ export const PageHero = (props: PageHeroProps) => {
         </div>
       )}
 
-      <div className="section relative h-[55vh]">
+      <div className="section relative h-[55vh] max-h-[600px]">
         <div className={css['info']}>
           <PathNavigation {...props} />