diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 0aca64d..6be046e 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -43,9 +43,9 @@ export default function HeroSection(): React.JSX.Element {
     <div id="hero" data-webild-section="hero" className="w-full pt-32 pb-16 px-4 md:px-8 bg-background">
         <SectionErrorBoundary name="hero">
             <div className="container mx-auto max-w-6xl flex flex-col items-center text-center gap-12">
-                <div className="flex flex-col items-center gap-6 max-w-4xl">
+                <div className="flex flex-col items-center gap-6 max-w-3xl">
                     <Tag text="Welcome to Luxury" />
-                    <h1 className="text-5xl md:text-7xl font-bold text-foreground">
+                    <h1 className="text-4xl md:text-5xl font-bold text-foreground">
                         Experience Unparalleled Comfort & Elegance
                     </h1>
                     <p className="text-lg md:text-xl text-muted-foreground max-w-2xl">