diff --git a/components/LoginModal.vue b/components/LoginModal.vue
index d810c83..056d2ec 100644
--- a/components/LoginModal.vue
+++ b/components/LoginModal.vue
@@ -10,10 +10,10 @@
         <UFormGroup label="Username" name="username">
           <UInput
             v-model="form.username"
+            ref="usernameInput"
             placeholder="Enter username"
             :disabled="loading"
             class="w-full"
-            autofocus
           />
         </UFormGroup>
 
diff --git a/pages/admin.vue b/pages/admin.vue
index c0f022a..c400be7 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -39,23 +39,25 @@
           <div class="space-y-4">
             <h3 class="text-lg font-medium text-gray-900">Basic Information</h3>
 
-            <UFormGroup label="Sermon Title" name="title" required>
-              <UInput
-                v-model="form.title"
-                placeholder="Enter sermon title"
-                :disabled="loading"
-                size="sm"
-              />
-            </UFormGroup>
+            <div class="flex flex-wrap items-end gap-x-4 gap-y-2 mb-4">
+              <UFormGroup label="Sermon Title" name="title" required class="w-full sm:max-w-xs">
+                <UInput
+                  v-model="form.title"
+                  placeholder="Enter sermon title"
+                  :disabled="loading"
+                  size="sm"
+                />
+              </UFormGroup>
 
-            <UFormGroup label="Sermon Date" name="date" required>
-              <UInput
-                v-model="form.date"
-                type="date"
-                :disabled="loading"
-                size="sm"
-              />
-            </UFormGroup>
+              <UFormGroup label="Sermon Date" name="date" required class="w-full sm:max-w-[150px]">
+                <UInput
+                  v-model="form.date"
+                  type="date"
+                  :disabled="loading"
+                  size="sm"
+                />
+              </UFormGroup>
+            </div>
 
             <div class="bg-blue-50 p-4 rounded-lg">
               <p class="text-sm text-blue-800">
@@ -70,42 +72,40 @@
 
           <!-- Bible References -->
           <div class="space-y-2">
-            <div class="flex justify-between items-center">
-              <h3 class="text-lg font-medium text-gray-900">Bible References</h3>
-              <UButton
-                @click="addBibleReference"
-                variant="outline"
-                size="sm"
-                icon="i-heroicons-plus"
+            <h3 class="text-lg font-medium text-gray-900">Bible References</h3>
+            <div
+              v-for="(reference, index) in form.bibleReferences"
+              :key="index"
+              class="flex items-center gap-2"
+            >
+              <UInput
+                v-model="form.bibleReferences[index]"
+                :placeholder="`Bible reference ${index + 1}`"
                 :disabled="loading"
-              >
-                Add Reference
-              </UButton>
-            </div>
-
-            <div class="space-y-2">
-              <div
-                v-for="(reference, index) in form.bibleReferences"
-                :key="index"
-                class="flex gap-2"
-              >
-                <UInput
-                  v-model="form.bibleReferences[index]"
-                  :placeholder="`Bible reference ${index + 1}`"
-                  :disabled="loading"
-                  class="flex-1"
-                  size="lg"
-                />
-                <UButton
-                  @click="removeBibleReference(index)"
-                  variant="outline"
-                  color="red"
-                  size="sm"
-                  icon="i-heroicons-minus"
-                  :disabled="loading"
-                />
-              </div>
+                class="flex-1"
+                size="lg"
+              />
+              <UButton
+                @click="removeBibleReference(index)"
+                variant="ghost"
+                color="red"
+                size="sm"
+                icon="i-heroicons-minus"
+                :disabled="loading"
+                v-if="form.bibleReferences.length > 1"
+              />
             </div>
+            <UButton
+              @click="addBibleReference"
+              variant="link"
+              color="primary"
+              icon="i-heroicons-plus"
+              :disabled="loading"
+              :padded="false"
+              class="-ml-1 mt-2"
+            >
+              Add another reference
+            </UButton>
           </div>
 
           <!-- Personal Application -->
diff --git a/server/api/auth/login.post.ts b/server/api/auth/login.post.ts
index 138680d..eb76d19 100644
--- a/server/api/auth/login.post.ts
+++ b/server/api/auth/login.post.ts
@@ -22,7 +22,7 @@ export default defineEventHandler(async (event) => {
   const token = await createJWT(user)
 
   setCookie(event, 'auth_token', token, {
-    httpOnly: true,
+    httpOnly: false,
     secure: process.env.NODE_ENV === 'production',
     sameSite: 'lax',
     maxAge: 7 * 24 * 60 * 60 // 7 days