diff --git a/src/app/intro/intro-client.tsx b/src/app/intro/intro-client.tsx
index 43bef57..a2dc838 100644
--- a/src/app/intro/intro-client.tsx
+++ b/src/app/intro/intro-client.tsx
@@ -125,25 +125,19 @@ export default function IntroClient() {
 
   return (
     <>
-      <div
-        style={{
-          paddingTop: "max(12px, var(--safe-top))",
-        }}
-        className="sticky top-0 z-30 -mx-[17px] px-[17px] bg-[#F5F5F5]/90 backdrop-blur-md"
-      >
+      <div className="pt-[max(12px,calc(var(--safe-top)+4px))]">
         <PageHeader profile={profile} />
-      </div>
-      <main className="pb-[calc(90px+var(--safe-bottom))]">
-        <div className="flex flex-col items-center mt-16">
-          <Image
-            src={"/assets/images/Group 1597880466.svg"}
-            alt={t["heavenly marriage"]}
-            width={168}
-            height={155}
-            priority
-            loading="eager"
-          />
-          <h2 className="group-16 text-[#475569] font-bold mt-5 text-center">
+        <main className="pb-[calc(90px+var(--safe-bottom))]">
+          <div className="flex flex-col items-center mt-16">
+            <Image
+              src={"/assets/images/Group 1597880466.svg"}
+              alt={t["heavenly marriage"]}
+              width={168}
+              height={155}
+              priority
+              loading="eager"
+            />
+            <h2 className="group-16 text-[#475569] font-bold mt-5 text-center">
               {t["A Path to Heavenly Marriage"]}
             </h2>
             <p className="text-center mt-2 group-12 text-[#4D4D4D]">
@@ -219,6 +213,7 @@ export default function IntroClient() {
             </div>
           </div>
         </main>
+      </div>
 
       <SectionOverlayHost
         open={isStepsOpen}
diff --git a/src/app/new-match/new-match-client.tsx b/src/app/new-match/new-match-client.tsx
index af5ac58..6b717f7 100644
--- a/src/app/new-match/new-match-client.tsx
+++ b/src/app/new-match/new-match-client.tsx
@@ -638,9 +638,9 @@ export default function NewMatchClient() {
         >
           <div
             style={{
-              paddingTop: `${Math.max(12, top)}px`,
+              paddingTop: `${Math.max(12, top + 4)}px`,
             }}
-            className="sticky top-0 z-30 -mx-[18px] px-[18px] bg-[#F7F1F0]/90 backdrop-blur-md"
+            className="sticky top-0 z-30 -mx-[18px] px-[18px] pb-2 bg-[#F7F1F0]/90 backdrop-blur-md"
           >
             <PageHeader profile={profile} />
           </div>
@@ -727,9 +727,9 @@ export default function NewMatchClient() {
       >
         <div
           style={{
-            paddingTop: `${Math.max(12, top)}px`,
+            paddingTop: `${Math.max(12, top + 4)}px`,
           }}
-          className="sticky top-0 z-30 -mx-[18px] px-[18px] bg-[#F7F1F0]/90 backdrop-blur-md"
+          className="sticky top-0 z-30 -mx-[18px] px-[18px] pb-2 bg-[#F7F1F0]/90 backdrop-blur-md"
         >
           <PageHeader profile={profile} />
         </div>
diff --git a/src/components/Componentes/page-header.tsx b/src/components/Componentes/page-header.tsx
index fa7dcc9..6d9603a 100644
--- a/src/components/Componentes/page-header.tsx
+++ b/src/components/Componentes/page-header.tsx
@@ -57,7 +57,7 @@ export function PageHeader({
 
   return (
     <header
-      className={["flex h-[56px] items-center justify-between", className]
+      className={["flex items-center justify-between pb-3", className]
         .filter(Boolean)
         .join(" ")}
     >
@@ -66,7 +66,7 @@ export function PageHeader({
       ) : (
         <NavigationButton icon="back" profile={profile} {...leftButton} />
       )}
-      <h1 className="font-faminela text-[20px] font-normal text-foreground leading-none select-none">
+      <h1 className="font-faminela text-[20px] font-normal text-foreground">
         {t["Habib Marriage"]}
       </h1>
 
diff --git a/src/components/Componentes/slider-page.tsx b/src/components/Componentes/slider-page.tsx
index f59316d..30d5129 100644
--- a/src/components/Componentes/slider-page.tsx
+++ b/src/components/Componentes/slider-page.tsx
@@ -133,8 +133,8 @@ export default function SliderPage({ onClose }: SliderPageProps = {}) {
           onClose={() => setSubmitError(null)}
         />
       )}
-      <header className="relative -mx-[17px] rounded-b-[32px] px-[17px] pt-[max(12px,calc(var(--safe-top)))]">
-        <div className="relative flex h-[56px] items-center justify-between">
+      <header className="relative -mx-[17px] rounded-b-[32px] px-[17px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-3">
+        <div className="relative flex items-center justify-between">
           <NavigationButton
             icon="back"
             iconLabel="Close slider"