diff --git a/aleksis/apps/kolego/frontend/components/Absences.vue b/aleksis/apps/kolego/frontend/components/Absences.vue
index 852eacc5bd464ac7d8203cd9ff95f5a41d87f3f1..afba9380b0241f29d2c48b828c17cccaa319bf44 100644
--- a/aleksis/apps/kolego/frontend/components/Absences.vue
+++ b/aleksis/apps/kolego/frontend/components/Absences.vue
@@ -1,4 +1,5 @@
 <script setup>
+import AbsenceReasonChip from "./AbsenceReasonChip.vue";
 import InlineCRUDList from "aleksis.core/components/generic/InlineCRUDList.vue";
 import DateTimeField from "aleksis.core/components/generic/forms/DateTimeField.vue";
 </script>
@@ -67,8 +68,7 @@ import DateTimeField from "aleksis.core/components/generic/forms/DateTimeField.v
       </template>
 
       <template #reason="{ item }">
-        <v-chip>{{ item.reason.shortName }}</v-chip
-        >&nbsp;
+        <absence-reason-chip :absence-reason="item.reason" short />
       </template>
       <!-- eslint-disable-next-line vue/valid-v-slot -->
       <template #reason.field="{ attrs, on }">
diff --git a/aleksis/apps/kolego/frontend/components/absences.graphql b/aleksis/apps/kolego/frontend/components/absences.graphql
index 25d5c0ea2027a6d42e080bd50bb6f50194c58911..908ac757a160fbbab18de7f6f7ae9d6051924c21 100644
--- a/aleksis/apps/kolego/frontend/components/absences.graphql
+++ b/aleksis/apps/kolego/frontend/components/absences.graphql
@@ -9,6 +9,8 @@ query absences($orderBy: [String], $filters: JSONString) {
       id
       shortName
       name
+      colour
+      default
     }
     comment
     datetimeStart
@@ -30,6 +32,8 @@ mutation createAbsences($input: [BatchCreateAbsenceInput]!) {
         id
         shortName
         name
+        colour
+        default
       }
       comment
       datetimeStart
@@ -58,6 +62,8 @@ mutation updateAbsences($input: [BatchPatchAbsenceInput]!) {
         id
         shortName
         name
+        colour
+        default
       }
       comment
       datetimeStart