diff --git a/content/farmer/index.md b/content/farmer/index.md
index 9ddd226..7a8dd38 100644
--- a/content/farmer/index.md
+++ b/content/farmer/index.md
@@ -36,7 +36,7 @@ Starting this summer, farming is evolving. With the launch of the ThreeFold Mark
 
 <div class="max-w-7xl mx-4 md:mx-10 lg:mx-20 mt-4 lg:mt-10 xl:mx-auto px-4">
   
-<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
+<dl class="grid max-w-xl grid-cols-1 gap-x-6 gap-y-8 lg:max-w-none lg:grid-cols-3">
 
 {{ farm_steps(
     image_src="",
diff --git a/content/home/index.md b/content/home/index.md
index e2f413a..3f70bed 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -43,7 +43,7 @@ extra:
 
 <div class="max-w-7xl mx-4 md:mx-10 lg:mx-20 mt-4 lg:mt-10 xl:mx-auto px-4">
   
-<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
+<dl class="grid max-w-xl grid-cols-1 gap-x-6 gap-y-8 lg:max-w-none lg:grid-cols-3">
 
 {{ farm_steps(
     image_src="/images/gpu.png",
@@ -142,7 +142,7 @@ extra:
 
 #### For Developers & Hackers
 
-<div class="border-t  border-gray-300 pt-4">
+<div class="border-t  border-gray-300 py-4">
 
 - Direct GPU programming with ROCm
 - Custom containerization support
@@ -156,7 +156,7 @@ extra:
 
 #### For AI Researchers
 
-<div class="border-t  border-gray-300 pt-4">
+<div class="border-t  border-gray-300 py-4">
 
 - Support for popular ML frameworks (PyTorch, TensorFlow)
 - Large model training capability (up to 48GB VRAM)
@@ -170,7 +170,7 @@ extra:
 
 #### For Tech Enthusiasts
 
-<div class="border-t border-gray-300 pt-4">
+<div class="border-t border-gray-300 py-4">
 
 - Water cooling management interface
 - Power consumption monitoring
diff --git a/tailwind.config.js b/tailwind.config.js
index 20782f3..de54304 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,23 +5,10 @@ module.exports = {
       './templates/**/*.html'
   ],
   safelist: [
-    {
-      pattern: /(-|)(ml|mr)-(4|8|12|16|20|24|28)/,
-      variants: [
-        'sm', 'md', 'lg', 
-        'first', 'first:sm', 'first:md', 'first:lg', 
-        'last', 'last:sm', 'last:md', 'last:lg'
-      ],
-    },
-    {
-      pattern: /(pt|pb)-(0)/,
-      variants: [
-        '!', 'lg', 
-        'first', 'first:sm', 'first:md', 'first:lg', 
-        'last', 'last:sm', 'last:md', 'last:lg'
-      ],
-    }
-  ],
+    'lg:grid-cols-3',
+  'md:grid-cols-2',
+  'grid-cols-1',
+],
  
   important: true,
   theme: {
diff --git a/templates/shortcodes/hero_animation.html b/templates/shortcodes/hero_animation.html
index 2f00406..d1f908a 100644
--- a/templates/shortcodes/hero_animation.html
+++ b/templates/shortcodes/hero_animation.html
@@ -11,7 +11,7 @@
 
 <div class="fade-in relative isolate overflow-hidden py-12 lg:py-24 lg:h-screen">
     <div class="mx-auto max-w-7xl lg:col-span-2 px-4 lg:flex lg:gap-x-2 lg:px-8">
-      <div class="mx-auto max-w-2xl shrink-0 lg:mx-0 lg:pt-8">
+      <div class="mx-auto max-w-2xl shrink-0 lg:mx-0 lg:pt-8 px-4">
         <h1 class="mt-10">
           {{ title }} 
           <span id="slides" class="slides"></span>