diff --git a/frontend/application/components/Hero.tsx b/frontend/application/components/Hero.tsx
index 09b398b..a1d5719 100644
--- a/frontend/application/components/Hero.tsx
+++ b/frontend/application/components/Hero.tsx
@@ -133,9 +133,9 @@ export default function Hero({ banners = [], onShopNavigate }: { banners?: Banne
               </span>
             </div>
 
-            <h1 className="text-4xl lg:text-7xl font-black text-medical-gray-900 leading-[1.2] mb-2 sm:mb-6 font-lalezar tracking-wide">
+            <h1 className="text-3xl lg:text-7xl font-black text-medical-gray-900 leading-[1.2] mb-2 sm:mb-6 font-lalezar tracking-wide">
               {titleParts[0]} <br />
-              {titleParts[1] && <span className="text-canina-blue">{titleParts[1]}</span>}
+              {titleParts[1] && <span className="text-canina-blue ">{titleParts[1]}</span>}
             </h1>
 
             <p