diff --git a/src/components/Hero3.jsx b/src/components/Hero3.jsx
index 8f93439..a9c4555 100644
--- a/src/components/Hero3.jsx
+++ b/src/components/Hero3.jsx
@@ -17,7 +17,7 @@ export function Hero3() {
       id="section-1"
       data-story-section
       data-image="/images/hero_story1.jpg"
-      className="relative w-full overflow-hidden  h-[60vh]  lg:h-auto mt-0"
+      className="relative w-full overflow-hidden h-screen lg:h-auto mt-0"
     >
       {/* Background Image - stays for mobile, hidden on lg (sticky column takes over) */}
       <img
diff --git a/src/components/Hero4.jsx b/src/components/Hero4.jsx
index 9b0252a..b3bf21c 100644
--- a/src/components/Hero4.jsx
+++ b/src/components/Hero4.jsx
@@ -17,7 +17,7 @@ export function Hero4() {
       id="section-2"
       data-story-section
       data-image="/images/hero_story2.jpg"
-      className="relative w-full overflow-hidden  h-[60vh]  lg:h-auto mt-0"
+      className="relative w-full overflow-hidden h-screen lg:h-auto mt-0"
     >
       <img
         src="/images/hero_story2.jpg"
diff --git a/src/components/Team.jsx b/src/components/Team.jsx
index 4e2e6e1..ab0aa64 100644
--- a/src/components/Team.jsx
+++ b/src/components/Team.jsx
@@ -36,7 +36,7 @@ const people = [
           <div className="mx-auto grid max-w-8xl grid-cols-1 gap-x-8 gap-y-20 px-6 lg:px-8 xl:grid-cols-3">
             <div className="mx-auto max-w-2xl lg:mx-0">
               <H2 className=" ">Our People</H2>
-              <PS className="mt-4  ">
+              <PS className="mt-4">
               We are a dynamic family of individuals from diverse cultural backgrounds and varied expertise, united by our passion in spirituality and dedication delivering heartfelt and authentic Nile experiences for our guests.
               </PS>
             </div>
@@ -51,10 +51,10 @@ const people = [
                     <H3 className="flex-1  ">{person.name}</H3>
                   </div>
                   <div className="w-5/6">
-                    <PS className="font-medium  ">{person.role}</PS>
-                    <PXXS className="mt-4  ">{person.bio}</PXXS>
-                    <PXXS className="mt-2  ">{person.bio2}</PXXS>
-                    <PXXS className="mt-2  ">{person.bio3}</PXXS>
+                    <PS className="font-medium">{person.role}</PS>
+                    <PXXS className="mt-4">{person.bio}</PXXS>
+                    <PXXS className="mt-2">{person.bio2}</PXXS>
+                    <PXXS className="mt-2">{person.bio3}</PXXS>
                   </div>
                 </li>
               ))}