diff --git a/client/src/pages/AppointmentsPage.vue b/client/src/pages/AppointmentsPage.vue
index f5c73c00..9b088a16 100644
--- a/client/src/pages/AppointmentsPage.vue
+++ b/client/src/pages/AppointmentsPage.vue
@@ -18,13 +18,18 @@ type Item = {
   name: string;
 };
 
-const courses: (Item & { slug: string })[] =
-  courseSessionsStore.uniqueCourseSessionsByCourse.map((cs) => ({
+type CourseItem = Item & {
+  slug: string;
+};
+
+const courses: CourseItem[] = courseSessionsStore.uniqueCourseSessionsByCourse.map(
+  (cs) => ({
     id: cs.course.id,
     name: cs.course.title,
     slug: cs.course.slug,
-  }));
-const selectedCourse = ref<Item>(courses[0]);
+  })
+);
+const selectedCourse = ref<CourseItem>(courses[0]);
 
 const courseSessions = computed(() => {
   return [