diff --git a/sites/org/pages/index.mjs b/sites/org/pages/index.mjs
index 19b045c0887..1e0a5247443 100644
--- a/sites/org/pages/index.mjs
+++ b/sites/org/pages/index.mjs
@@ -51,7 +51,7 @@ const HomePage = ({ page }) => {
       </div>
 
       <div className="max-w-7xl m-auto px-0 -mt-12 mb-24 md:my-24">
-        <div className="p-1 bg-gradient-to-tr from-neutral to-accent mt-12 rounded-none md:rounded-lg lg:rounded-xl md:shadow text-neutral-content md:mx-4 px-4 md:px-8 lg:px-12">
+        <div className="p-1 bg-gradient-to-tr from-neutral to-accent mt-12 rounded-none md:rounded-lg lg:rounded-xl md:shadow text-neutral-content md:mx-4 p-8 lg:px-12 md:py-0">
           <div className="flex flex-col md:gap-8 lg:gap-12 md:flex md:flex-row m-auto">
             <div className="md:pt-8 pb-8 lg:py-12 grow m-auto max-w-prose">
               <SignUp />
@@ -79,7 +79,7 @@ const HomePage = ({ page }) => {
           </div>
         </div>
 
-        <div className="flex flex-col gap-8 md:grid md:grid-cols-2 md:gap-4 mt-12 md:px-4">
+        <div className="flex flex-col gap-8 md:grid md:grid-cols-2 md:gap-4 mt-12 md:mt-20 md:px-4">
           <div className="p-1 bg-gradient-to-tr from-accent to-primary rounded-none md:rounded-xl md:shadow -mx-2 px-2 md:mx-auto md:px-1 flex flex-col">
             <div className="bg-base-100 px-4 md:px-8 py-10 rounded-none md:rounded-lg grow">
               <h2 className="mb-4">{t('whatIsFreeSewing')}</h2>
@@ -97,14 +97,14 @@ const HomePage = ({ page }) => {
           </div>
         </div>
 
-        <div className="text-center mt-12">
+        <div className="text-center mt-20 md:mt-20">
           <h2 className="text-5xl">{t('howDoesItWork')}</h2>
           <HowDoesItWorkAnimation t={t} />
         </div>
       </div>
 
       <div className="max-w-7xl m-auto px-0 -mt-12 mb-24 md:my-24">
-        <div className="p-1 bg-gradient-to-tr from-neutral to-primary mt-12 rounded-none md:rounded-lg lg:rounded-xl md:shadow text-neutral-content md:mx-4 px-4 md:px-8 lg:px-12">
+        <div className="p-1 bg-gradient-to-tr from-neutral to-primary mt-12 rounded-none md:rounded-lg lg:rounded-xl md:shadow text-neutral-content md:mx-4 p-8 lg:px-12 md:py-0">
           <div className="flex flex-col md:gap-2 lg:gap-12 md:grid md:grid-cols-2">
             <div className="md:pt-8 pb-8 lg:py-12 max-w-prose w-full m-auto">
               <h2 className="text-inherit mb-4">