diff --git a/ipi-survey-platform/src/pages/LandingPage/component/Cards.jsx b/ipi-survey-platform/src/pages/LandingPage/component/Cards.jsx
index 8d0722a..888a3c2 100644
--- a/ipi-survey-platform/src/pages/LandingPage/component/Cards.jsx
+++ b/ipi-survey-platform/src/pages/LandingPage/component/Cards.jsx
@@ -40,7 +40,7 @@ const steps = [
 
 const Cards = () => {
   return (
-    <section className="bg-gray-50 py-6 md:py-8 lg:py-10 px-6 md:px-12 lg:px-24">
+    <section className="bg-gray-50 py-6 md:py-8 lg:py-10 px-6 md:px-12 lg:h-screen lg:px-24">
       <div className="mb-8">
         <h2 className="text-2xl font-semibold text-gray-900">How the survey works</h2>
         <p className="text-gray-500 mt-1">A simple quarterly cycle</p>