diff --git a/src/components/hero/hero.module.css b/src/components/hero/hero.module.css
index 2b32988..3a0b4a1 100644
--- a/src/components/hero/hero.module.css
+++ b/src/components/hero/hero.module.css
@@ -1,5 +1,5 @@
 .hero {
-  padding: 100px 0 20px;
+  padding: 100px 0 60px;
   text-align: center;
 
   & .logo {
diff --git a/src/components/play-button/play-button.module.css b/src/components/play-button/play-button.module.css
index d4b5a6c..d116fd2 100644
--- a/src/components/play-button/play-button.module.css
+++ b/src/components/play-button/play-button.module.css
@@ -10,7 +10,7 @@
   border-radius: 100px;
   border-top: 2px solid #818cf8;
   border-bottom: 3px solid #4f46e5;
-  margin: 40px auto 0;
+  margin: 0 auto;
   background-color: #6366f1;
   color: var(--color-foreground);
   cursor: pointer;