diff --git a/src/components/landing-page/Hero.tsx b/src/components/landing-page/Hero.tsx
index 85ae56d6fcb19c67f9779ffe157a5ada925e6f60..eced96a5e1e18e575d3b34f2bbce43767f0c5ee8 100644
--- a/src/components/landing-page/Hero.tsx
+++ b/src/components/landing-page/Hero.tsx
@@ -54,7 +54,7 @@ export default function Hero() {
                         />
                     </div>
                     <div className="overflow-hidden">
-                        <div className="mx-auto max-w-7xl px-6 pb-32 pt-36 sm:pt-60 lg:px-8 lg:pt-32">
+                        <div className="mx-auto max-w-7xl px-6 pb-0 pt-20 md:pb-20 md:pt-20 lg:px-8 lg:pt-32">
                             <div className="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
                                 <div className="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl">
                                     <h1 className="text-pretty text-5xl font-semibold tracking-tight text-zinc-900 sm:text-7xl">