diff --git a/src/pages/index.astro b/src/pages/index.astro
index 415667a..2dcbaf9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -133,7 +133,7 @@ const tracks = (
         <Paragraph>
           I've recently been working on a few different projects.</Paragraph
         >
-        <div class="space-y-8">
+        <div class="space-y-16 md:space-y-8">
           {
             projects.map((project, index) => {
               return (
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 97bef29..a1aca3d 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -16,7 +16,7 @@ const projects = (await getCollection("projects")).sort(
     <section id="projects" class="bg-white dark:bg-gray-950">
       <div class="mx-auto max-w-4xl px-8 py-16 text-center">
         <SectionTitle>Recent Projects</SectionTitle>
-        <div class="space-y-8">
+        <div class="space-y-16 md:space-y-8">
           {
             projects.map((project, index) => {
               return (