From 4a183a2f1c7393e62babb5ed60e07650f50699ad Mon Sep 17 00:00:00 2001
From: Siamak <siamak@users.noreply.github.com>
Date: Mon, 3 Feb 2025 23:44:06 +0330
Subject: [PATCH] fix: safari text balance issue in PageHero (#1473)

---
 apps/frontend/components/templates/ModularPage/PageHero.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/frontend/components/templates/ModularPage/PageHero.tsx b/apps/frontend/components/templates/ModularPage/PageHero.tsx
index 22df9d6c3..9284843d7 100644
--- a/apps/frontend/components/templates/ModularPage/PageHero.tsx
+++ b/apps/frontend/components/templates/ModularPage/PageHero.tsx
@@ -19,9 +19,7 @@ export default function PageHero(props: PageHeroProps) {
       <div className="relative z-20 flex flex-col items-center justify-center text-center">
         <div className="flex flex-col items-center justify-center gap-4 lg:gap-6">
           <BannerLink />
-          <h1 className="xl-heading max-w-96 text-balance font-bold lg:max-w-[800px]">
-            {props.title}
-          </h1>
+          <h1 className="xl-heading font-bold max-w-[500px]">{props.title}</h1>
           <p className="body-l mb-10 max-w-lg lg:max-w-2xl">{props.subtitle}</p>
         </div>
         <div className="flex justify-between gap-4">