diff --git a/docs/src/_includes/layouts/layout.njk b/docs/src/_includes/layouts/layout.njk
index 4cc5832..b4f103a 100644
--- a/docs/src/_includes/layouts/layout.njk
+++ b/docs/src/_includes/layouts/layout.njk
@@ -9,7 +9,7 @@ layout: layouts/base.njk
     {% include "partials/header.njk" %}
   </header>
 
-  <div class="p-6 md:p-8 xl:p-12">
+  <div class="p-4 md:p-6 xl:p-12">
     {{ content | safe }}
   </div>
 </main>
\ No newline at end of file
diff --git a/docs/src/assets/styles.css b/docs/src/assets/styles.css
index 41e3d1f..8dcbd8a 100644
--- a/docs/src/assets/styles.css
+++ b/docs/src/assets/styles.css
@@ -1264,6 +1264,11 @@
       border-left-width: 1px;
     }
   }
+  .md\:p-6 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
   .md\:p-8 {
     @media (width >= 48rem) {
       padding: calc(var(--spacing) * 8);