diff --git a/components/calendar/form/CreateEvent.vue b/components/calendar/form/CreateEvent.vue
index 444ffcb..25a238e 100644
--- a/components/calendar/form/CreateEvent.vue
+++ b/components/calendar/form/CreateEvent.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import type { RPGDate } from '~/models/Date';
-import { PopoverAnchor } from 'radix-vue';
 import { PhAlarm, PhCircleNotch, PhEye, PhEyeClosed, PhMapPinArea, PhTag } from '@phosphor-icons/vue'
 
 const { eventSkeleton, operationInProgress } = storeToRefs(useCalendarEvents())
@@ -80,9 +79,9 @@ function handleCancel() {
 
 <template>
   <UiPopover v-model:open="popoverOpen">
-    <PopoverAnchor as-child>
-      <button :class="btnClass" @dblclick="openEventCreatePopover()" />
-    </PopoverAnchor>
+    <UiPopoverTrigger as-child>
+      <button :class="btnClass" @click="openEventCreatePopover()" />
+    </UiPopoverTrigger>
     <UiPopoverContent
       :align="'center'"
       :side="'right'"