diff --git a/aleksis/apps/chronos/frontend/components/NoTimetableCard.vue b/aleksis/apps/chronos/frontend/components/NoTimetableCard.vue
index 84cf21c8498e54de13efd2056117fe478212aae1..f11b2ed2ebc60b72895f3e682c4b66cc024fddad 100644
--- a/aleksis/apps/chronos/frontend/components/NoTimetableCard.vue
+++ b/aleksis/apps/chronos/frontend/components/NoTimetableCard.vue
@@ -1,6 +1,9 @@
 <script>
+import Mascot from "aleksis.core/components/generic/mascot/Mascot.vue";
+
 export default {
   name: "NoTimetableCard",
+  components: { Mascot },
   props: {
     titleKey: {
       type: String,
@@ -22,7 +25,7 @@ export default {
     v-bind="$attrs"
   >
     <div class="text-center">
-      <v-icon color="secondary" size="60" class="mb-4"> mdi-grid-off </v-icon>
+      <mascot type="timetable" size="60" class="mb-4" />
       <div class="text-h5 grey--text text--darken-2 mb-2">
         {{ $t(titleKey) }}
       </div>