diff --git a/src/components/FeaturesCards.tsx b/src/components/FeaturesCards.tsx
index c4b16bba..7b2b421f 100644
--- a/src/components/FeaturesCards.tsx
+++ b/src/components/FeaturesCards.tsx
@@ -61,7 +61,7 @@ const features = [
 export function FeaturesCards() {
   return (
     <Container size="lg">
-      <SimpleGrid cols={{ base: 1, xs: 2, sm: 3 }} spacing="xl" my={40}>
+      <SimpleGrid cols={{ base: 1, xs: 2, sm: 3 }} spacing="xl">
         {features.map((feature) => (
           <Card
             key={feature.title}
diff --git a/src/components/Hero.module.css b/src/components/Hero.module.css
index 9e263e88..08d5da4c 100644
--- a/src/components/Hero.module.css
+++ b/src/components/Hero.module.css
@@ -1,7 +1,7 @@
 .wrapper {
   position: relative;
-  margin-top: clamp(0px, 7vw, rem(80px));
-  padding-bottom: rem(60px);
+  margin-block: clamp(0px, 7vw, rem(80px));
+  padding-bottom: 1rem;
 }
 
 .inner {