diff --git a/src/pages/events.vue b/src/pages/events.vue
index 29ffa2c..fe38892 100644
--- a/src/pages/events.vue
+++ b/src/pages/events.vue
@@ -8,6 +8,7 @@ import { ScrollArea } from '@/components/ui/scroll-area'
 import { Button } from '@/components/ui/button'
 import { format } from 'date-fns'
 import PurchaseTicketDialog from '@/components/events/PurchaseTicketDialog.vue'
+import { RefreshCw } from 'lucide-vue-next'
 
 const { upcomingEvents, pastEvents, isLoading, error, refresh } = useEvents()
 const showPurchaseDialog = ref(false)
@@ -38,7 +39,7 @@ function handlePurchaseClick(event: {
     <div class="flex justify-between items-center mb-6">
       <h1 class="text-3xl font-bold text-foreground">Events</h1>
       <Button variant="secondary" size="sm" @click="refresh" :disabled="isLoading">
-        <i-heroicons-arrow-path class="w-4 h-4 mr-2" :class="{ 'animate-spin': isLoading }" />
+        <RefreshCw class="w-4 h-4 mr-2" :class="{ 'animate-spin': isLoading }" />
         Refresh
       </Button>
     </div>