diff --git a/components/LoginModal.vue b/components/LoginModal.vue
index 8db0a85..938c61a 100644
--- a/components/LoginModal.vue
+++ b/components/LoginModal.vue
@@ -1,6 +1,6 @@
 <template>
   <Teleport to="body">
-    <UModal v-model="isOpen" :ui="{ width: 'sm:max-w-md' }" class="login-modal">
+  <UModal v-model="isOpen" :ui="{ width: 'sm:max-w-md' }">
       <UCard>
         <template #header>
           <h3 class="text-lg font-semibold text-gray-900">Admin Login</h3>
diff --git a/pages/admin.vue b/pages/admin.vue
index 13431bf..cf0583e 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -44,7 +44,7 @@
                 v-model="form.title"
                 placeholder="Enter sermon title"
                 :disabled="loading"
-                size="sm"
+                class="h-8"
               />
             </UFormGroup>
 
@@ -53,7 +53,7 @@
                 v-model="form.date"
                 type="date"
                 :disabled="loading"
-                size="sm"
+                class="h-8"
               />
             </UFormGroup>
 
@@ -69,7 +69,7 @@
           </div>
 
           <!-- Bible References -->
-          <div class="space-y-4">
+          <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
@@ -93,8 +93,7 @@
                   v-model="form.bibleReferences[index]"
                   :placeholder="`Bible reference ${index + 1}`"
                   :disabled="loading"
-                  class="flex-1"
-                  size="lg"
+                  class="flex-1 h-12"
                 />
                 <UButton
                   @click="removeBibleReference(index)"