diff --git a/src/components/sections/hero/HeroTiltedCards.tsx b/src/components/sections/hero/HeroTiltedCards.tsx
index fd9b73e..a99a424 100644
--- a/src/components/sections/hero/HeroTiltedCards.tsx
+++ b/src/components/sections/hero/HeroTiltedCards.tsx
@@ -23,11 +23,11 @@ const HeroTiltedCards = ({
 }: HeroTiltedCardsProps) => {
 
   return (
-    <section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh pt-25 pb-20 md:py-0">
+    <section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh py-24">
       <HeroBackgroundSlot />
       <div className="flex flex-col items-center gap-10 md:gap-15 w-full md:w-content-width mx-auto">
-        <div className="flex flex-col items-center gap-2 w-content-width mx-auto text-center">
-          <span className="px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
+        <div className="flex flex-col items-center gap-6 w-content-width mx-auto text-center">
+          <span className="px-3 py-1 text-sm card rounded">{tag}</span>
 
           <TextAnimation
             text={title}
@@ -45,7 +45,7 @@ const HeroTiltedCards = ({
             className="text-base md:text-lg leading-tight text-balance"
           />
 
-          <div className="flex flex-wrap justify-center gap-3 mt-3">
+          <div className="flex flex-wrap justify-center gap-3">
             <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
             <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
           </div>