diff --git a/ui/src/components/calendar/ViewCalendarEvent.vue b/ui/src/components/calendar/ViewCalendarEvent.vue
index c24ca14..c99e0dc 100644
--- a/ui/src/components/calendar/ViewCalendarEvent.vue
+++ b/ui/src/components/calendar/ViewCalendarEvent.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { CalendarEvent, CalendarSignup } from '@shared/types/calendar'
-import { CircleAlert, Clock, Clock1, EllipsisVertical, MapPin, User, X } from 'lucide-vue-next';
-import { computed, onMounted, ref, watch } from 'vue';
+import { CircleAlert, Clock4, EllipsisVertical, MapPin, User, X } from 'lucide-vue-next';
+import { computed, ref, watch } from 'vue';
 import ButtonGroup from '../ui/button-group/ButtonGroup.vue';
 import Button from '../ui/button/Button.vue';
 import { CalendarAttendance, getCalendarEvent, setCalendarEventAttendance, setCancelCalendarEvent } from '@/api/calendar';
@@ -233,7 +233,7 @@ defineExpose({ forceReload })
                     <Calendar :size="20"></Calendar> {{ dateText }}
                 </div>
                 <div class="text-foreground/80 flex gap-3 items-center">
-                    <Clock1 :size="20"></Clock1> {{ timeText[0] }} - {{ timeText[1] }}
+                    <Clock4 :size="20"></Clock4> {{ timeText[0] }} - {{ timeText[1] }}
                 </div>
                 <div class="text-foreground/80 flex gap-3 items-center">
                     <MapPin :size="20"></MapPin> {{ activeEvent.location || "Unknown" }}