diff --git a/app/app.vue b/app/app.vue
index 67ab371..6fe32d6 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtLoadingIndicator color="#14b8a6" />
+  <NuxtLoadingIndicator color="#808080" />
   <AppBackground />
   <UContainer class="z-50 relative">
     <AppHeader />
diff --git a/app/components/content/Activity.vue b/app/components/content/Activity.vue
index d34c7db..fc3906a 100644
--- a/app/components/content/Activity.vue
+++ b/app/components/content/Activity.vue
@@ -2,13 +2,12 @@
 import { type Activity, IDEs } from '~~/types'
 
 const { data: activity, refresh } = await useAsyncData<Activity>('activity', () => $fetch('/api/activity'))
+useIntervalFn(async () => await refresh(), 5000)
 const codingActivity = computed(() => activity.value!.data.activities.filter(activity => IDEs.some(ide => ide.name === activity.name))[0])
 
 function formatDate(date: number) {
   return `${useDateFormat(date, 'DD MMM YYYY').value} at ${useDateFormat(date, 'HH:mm:ss').value}`
 }
-
-useIntervalFn(async () => await refresh(), 5000)
 </script>
 
 <template>