diff --git a/static/main.css b/static/main.css
index 32124f8..3d5c400 100644
--- a/static/main.css
+++ b/static/main.css
@@ -984,8 +984,8 @@
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
-  .pt-32 {
-    padding-top: calc(var(--spacing) * 32);
+  .pt-24 {
+    padding-top: calc(var(--spacing) * 24);
   }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
@@ -1283,6 +1283,11 @@
       padding-block: calc(var(--spacing) * 0);
     }
   }
+  .lg\:pt-32 {
+    @media (width >= 64rem) {
+      padding-top: calc(var(--spacing) * 32);
+    }
+  }
   .lg\:text-base {
     @media (width >= 64rem) {
       font-size: var(--text-base);
diff --git a/templates/index.html b/templates/index.html
index 0504b17..bda35eb 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -9,7 +9,7 @@
     {% include "injects/body_start.html" ignore missing %}
 
     <main
-      class="prose prose-neutral dark:prose-invert prose-pre:rounded-lg prose-img:rounded-lg relative mx-auto min-h-[calc(100vh-9rem)] max-w-3xl px-4 pt-32 pb-16 break-words"
+      class="prose prose-neutral dark:prose-invert prose-pre:rounded-lg prose-img:rounded-lg relative mx-auto min-h-[calc(100vh-9rem)] max-w-3xl px-4 pt-24 pb-16 break-words lg:pt-32"
     >
       {% block main %}