diff --git a/ui/src/components/calendar/ViewCalendarEvent.vue b/ui/src/components/calendar/ViewCalendarEvent.vue
index 41031dc..838e8ce 100644
--- a/ui/src/components/calendar/ViewCalendarEvent.vue
+++ b/ui/src/components/calendar/ViewCalendarEvent.vue
@@ -292,6 +292,12 @@ defineExpose({ forceReload })
         </div>
     </div>
     <div v-else class="flex justify-center h-full items-center">
+        <button
+            class="absolute top-4 right-4 inline-flex flex-none size-8 items-center justify-center rounded-md border hover:bg-muted/40 transition cursor-pointer z-50"
+            aria-label="Close" @click="emit('close')">
+            <X class="size-4" />
+        </button>
+
         <Spinner class="size-8"></Spinner>
     </div>
 </template>
\ No newline at end of file