diff --git a/src/components/category/category.module.css b/src/components/category/category.module.css
index ddc4c62..d46fed3 100644
--- a/src/components/category/category.module.css
+++ b/src/components/category/category.module.css
@@ -1,4 +1,8 @@
 .category {
+  &:not(:last-of-type) {
+    margin-bottom: 20px;
+  }
+
   & .iconContainer {
     display: flex;
     flex-direction: column;
diff --git a/src/components/hero/hero.module.css b/src/components/hero/hero.module.css
index dae768c..8e65135 100644
--- a/src/components/hero/hero.module.css
+++ b/src/components/hero/hero.module.css
@@ -1,5 +1,5 @@
 .hero {
-  padding: 100px 0 10px;
+  padding: 100px 0 20px;
   text-align: center;
 
   & .logo {
diff --git a/src/components/sound/sound.module.css b/src/components/sound/sound.module.css
index a46ff76..01b562d 100644
--- a/src/components/sound/sound.module.css
+++ b/src/components/sound/sound.module.css
@@ -32,7 +32,7 @@
 
   & h3 {
     font-family: var(--font-heading);
-    font-size: 15px;
+    font-size: var(--font-sm);
     font-weight: 600;
     line-height: 1.6;
   }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2cebee4..81499b7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,6 +8,14 @@ import sounds from '@/data/sounds.json';
 ---
 
 <Layout title="Welcome to Astro.">
-  <Hero />
-  <Categories client:load sounds={sounds.sounds} />
+  <main>
+    <Hero />
+    <Categories client:load sounds={sounds.sounds} />
+  </main>
 </Layout>
+
+<style>
+  main {
+    padding-bottom: 100px;
+  }
+</style>