diff --git a/pages/users.vue b/pages/users.vue
index 7757391..ffb2e24 100644
--- a/pages/users.vue
+++ b/pages/users.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-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+    <main class="flex-1 max-w-7xl 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">All Users</h2>
diff --git a/server/api/sermons/archive/[id].post.ts b/server/api/sermons/archive/[id].post.ts
index 508aa13..ec10a5a 100644
--- a/server/api/sermons/archive/[id].post.ts
+++ b/server/api/sermons/archive/[id].post.ts
@@ -1,9 +1,9 @@
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { archiveSermon, getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({
diff --git a/server/api/sermons/delete/[id].delete.ts b/server/api/sermons/delete/[id].delete.ts
index 6d0dc44..68f806b 100644
--- a/server/api/sermons/delete/[id].delete.ts
+++ b/server/api/sermons/delete/[id].delete.ts
@@ -1,9 +1,9 @@
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { getDatabase, getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({
diff --git a/server/api/sermons/index.post.ts b/server/api/sermons/index.post.ts
index 20e8e5a..8abe709 100644
--- a/server/api/sermons/index.post.ts
+++ b/server/api/sermons/index.post.ts
@@ -1,9 +1,9 @@
 import { createSermon, getUserByUsername } from '~/server/utils/database'
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({
diff --git a/server/api/sermons/unarchive/[id].post.ts b/server/api/sermons/unarchive/[id].post.ts
index 0865820..8a32a1b 100644
--- a/server/api/sermons/unarchive/[id].post.ts
+++ b/server/api/sermons/unarchive/[id].post.ts
@@ -1,9 +1,9 @@
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { getDatabase, getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({
diff --git a/server/api/sermons/update/[id].put.ts b/server/api/sermons/update/[id].put.ts
index 7d0bd4a..ad33c50 100644
--- a/server/api/sermons/update/[id].put.ts
+++ b/server/api/sermons/update/[id].put.ts
@@ -1,9 +1,9 @@
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { getDatabase, getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({
diff --git a/server/api/users/index.get.ts b/server/api/users/index.get.ts
index 592bce7..11db77a 100644
--- a/server/api/users/index.get.ts
+++ b/server/api/users/index.get.ts
@@ -1,9 +1,9 @@
 import { getAllUsers } from '~/server/utils/database'
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({