diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index eaa7072..7923b58 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -45,7 +45,7 @@ export default function HeroSection(): React.JSX.Element {
             <div className="container mx-auto max-w-6xl flex flex-col items-center text-center">
                 <div className="flex flex-col items-center text-center gap-4 mb-16 max-w-3xl mx-auto">
                     <Tag text="Welcome to Luxury" />
-                    <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight text-balance bg-clip-text text-transparent bg-gradient-to-b from-foreground to-foreground/70">
+                    <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight text-balance bg-clip-text text-transparent bg-gradient-to-b from-foreground to-muted-foreground pb-2">
                         Experience Unparalleled Comfort & Elegance
                     </h1>
                     <p className="text-lg text-muted-foreground">