diff --git a/apps/webapp/components/layout/footer/participate.tsx b/apps/webapp/components/layout/footer/participate.tsx
index bc30b2b5..1bfb9707 100644
--- a/apps/webapp/components/layout/footer/participate.tsx
+++ b/apps/webapp/components/layout/footer/participate.tsx
@@ -14,7 +14,7 @@ export default function Participate({ lang, dict }: ParticipateProps) {
     <Section heading={dict.footer.stepsInfo}>
       <div
         key="steps-info-title"
-        className="flex flex-col items-center gap-12 lg:flex-row lg:items-stretch lg:justify-between"
+        className="flex flex-col items-center gap-[53px] lg:flex-row lg:items-stretch lg:justify-between"
       >
         {dict.footer.step.map(
           (
diff --git a/apps/webapp/components/shared/section.tsx b/apps/webapp/components/shared/section.tsx
index c8d81a45..181243fc 100644
--- a/apps/webapp/components/shared/section.tsx
+++ b/apps/webapp/components/shared/section.tsx
@@ -3,8 +3,8 @@ import Balancer from 'react-wrap-balancer'
 
 export function Section({ heading, children, subheading }: SectionProps) {
   return (
-    <section className="flex flex-col justify-center pt-20 pb-0 text-center align-center lg:pt-40">
-      <h2 className="relative z-10 flex justify-center w-full py-0 text-4xl font-medium leading-none text-center shadow-sm">
+    <section className="flex flex-col justify-center pt-20 text-center align-center lg:pt-40">
+      <h2 className="relative z-10 flex justify-center w-full pb-10 font-sans text-3xl font-bold leading-none text-center shadow-sm">
         <Balancer>{heading}</Balancer>
       </h2>
       {/* {subheading ? (