diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index b464737..e713d72 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -4,7 +4,7 @@ import FadiaHeroImage from "../../assets/Fadia-15.jpg";
 export function HeroSection() {
   return (
     <section className="relative">
-      <div className="bg-cover bg-center h-[65vh] flex items-center justify-center" 
+      <div className="bg-cover bg-center h-[20vh] flex items-center justify-center" 
            style={{
              backgroundImage: `url(${FadiaHeroImage})`,
              backgroundPosition: "center"