diff --git a/pages/login.vue b/pages/login.vue
index 3ce19b9..c6784b6 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -1,6 +1,7 @@
 <template>
-  <div class="min-h-screen bg-gray-50 flex items-center justify-center px-4">
-    <div class="max-w-md w-full">
+  <div class="min-h-screen bg-gray-50 flex flex-col">
+    <div class="flex-1 flex items-center justify-center px-4">
+      <div class="max-w-md w-full">
       <div class="text-center mb-8">
         <NuxtLink to="/">
           <img src="/logos/logo.png" alt="New Life Christian Church" class="h-20 w-auto mx-auto mb-4 cursor-pointer hover:opacity-80" />
@@ -58,6 +59,7 @@
           </NuxtLink>
         </div>
       </div>
+      </div>
     </div>
     
     <Footer />