diff --git a/app/pages/index.vue b/app/pages/index.vue
index de52621..03e4ecb 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,10 +1,7 @@
 <template>
-  <div class="pb-0">
-    <!-- Spacer after hero -->
-    <div class="h-16 md:h-24" />
-
+  <div class="pb-0 -mx-3 lg:-mx-6">
     <!-- Section: How it works -->
-    <section class="container mx-auto px-4 mb-20">
+    <section class="container mx-auto px-4 mb-20 mt-12">
       <!-- Section header with line -->
       <div class="flex items-center gap-6 mb-10">
         <div class="h-px flex-1 bg-gradient-to-r from-transparent via-base-content/20 to-transparent" />