diff --git a/components/calendar/Calendar.vue b/components/calendar/Calendar.vue
index d66314e..9506e05 100644
--- a/components/calendar/Calendar.vue
+++ b/components/calendar/Calendar.vue
@@ -116,10 +116,10 @@ onMounted(() => {
           <component :is="currentViewComponent"/>
         </KeepAlive>
       </div>
-    </template>
 
-    <LazyCalendarSearch />
-    <LazyCalendarFormUpdateEvent />
-    <LazyCalendarFormDeleteEvent />
+      <LazyCalendarSearch />
+      <LazyCalendarFormUpdateEvent />
+      <LazyCalendarFormDeleteEvent />
+    </template>
   </div>
 </template>
diff --git a/components/calendar/form/DeleteEvent.vue b/components/calendar/form/DeleteEvent.vue
index e36854f..caeb0a0 100644
--- a/components/calendar/form/DeleteEvent.vue
+++ b/components/calendar/form/DeleteEvent.vue
@@ -63,9 +63,6 @@ function handleCancel() {
 <template>
   <UiAlertDialog v-model:open="isDeleteEventModalOpen">
     <UiAlertDialogContent
-      :align="'center'"
-      :side="'right'"
-      :collision-padding="60"
       :disable-outside-pointer-events="true"
       :trap-focus="true"
       class="min-w-96 bg-slate-900 border-slate-800"
diff --git a/components/calendar/form/UpdateEvent.vue b/components/calendar/form/UpdateEvent.vue
index 5cc9f14..224c0e8 100644
--- a/components/calendar/form/UpdateEvent.vue
+++ b/components/calendar/form/UpdateEvent.vue
@@ -64,9 +64,6 @@ function handleCancel() {
 <template>
   <UiAlertDialog v-model:open="isEditEventModalOpen">
     <UiAlertDialogContent
-      :align="'center'"
-      :side="'right'"
-      :collision-padding="60"
       :disable-outside-pointer-events="true"
       :trap-focus="true"
       class="pl-3 min-w-96 bg-slate-900 border-slate-800"