diff --git a/resources/js/Pages/AnnualSummary.vue b/resources/js/Pages/AnnualSummary.vue
index 902d101..2e63384 100644
--- a/resources/js/Pages/AnnualSummary.vue
+++ b/resources/js/Pages/AnnualSummary.vue
@@ -129,15 +129,6 @@
   </div>
 </template>
 
-<style lang="css">
-.cursor-default {
-  cursor: auto;
-}
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
-</style>
-
 <script setup>
 import { DateTime } from 'luxon'
 import useVacationTypeInfo from '@/Composables/vacationTypeInfo'
@@ -224,3 +215,12 @@ function getVacationInfo(day) {
   return day.isVacation ? props.vacations[day.date.toISODate()] : props.pendingVacations[day.date.toISODate()]
 }
 </script>
+
+<style lang="css">
+.cursor-default {
+  cursor: auto;
+}
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+</style>