diff --git a/pages/[slug].vue b/pages/[slug].vue
index efd6147..08d1082 100644
--- a/pages/[slug].vue
+++ b/pages/[slug].vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-gray-50">
+  <div class="min-h-screen bg-gray-50 flex flex-col">
     <header class="bg-white shadow-sm">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
         <!-- Mobile Layout -->
@@ -83,7 +83,7 @@
       </div>
     </header>
 
-    <main class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+    <main class="flex-1 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 w-full">
       <div v-if="sermon" class="bg-white shadow-lg rounded-lg p-8">
         <!-- Header -->
         <div class="border-b pb-6 mb-8">
diff --git a/pages/admin.vue b/pages/admin.vue
index bdc2e6a..1780d3f 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-gray-50">
+  <div class="min-h-screen bg-gray-50 flex flex-col">
     <header class="bg-white shadow-sm">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
         <div class="flex items-center justify-between mb-4">
@@ -25,7 +25,7 @@
       </div>
     </header>
 
-    <main class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+    <main class="flex-1 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 w-full">
       <!-- Manage Existing Sermons Section -->
       <div class="bg-white shadow-lg rounded-lg p-8 mb-8">
         <h2 class="text-2xl font-bold text-gray-900 mb-6">Select Sermon to Manage</h2>
diff --git a/pages/index.vue b/pages/index.vue
index cb168a4..050ae2a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-gray-50">
+  <div class="min-h-screen bg-gray-50 flex flex-col">
     <!-- Header -->
     <header class="bg-white shadow-sm">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
@@ -114,7 +114,7 @@
     </header>
 
     <!-- Main Content -->
-    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12">
+    <main class="flex-1 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12 w-full">
       <ClientOnly>
         <!-- Today's Sermon -->
         <div v-if="todaysSermon">
diff --git a/pages/profile.vue b/pages/profile.vue
index 57c9a74..bc60f6f 100644
--- a/pages/profile.vue
+++ b/pages/profile.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-gray-50">
+  <div class="min-h-screen bg-gray-50 flex flex-col">
     <!-- Header -->
     <header class="bg-white shadow-sm">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
@@ -27,7 +27,7 @@
     </header>
 
     <!-- Main Content -->
-    <main class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+    <main class="flex-1 max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-12 w-full">
       <div class="bg-white shadow-lg rounded-lg overflow-hidden">
         <div class="px-6 py-4 border-b border-gray-200">
           <h2 class="text-xl font-semibold text-gray-900">Profile Information</h2>