diff --git a/src/pages/course-selection/course-selection.ts b/src/pages/course-selection/course-selection.ts
index 2eedeb4..cc81f24 100644
--- a/src/pages/course-selection/course-selection.ts
+++ b/src/pages/course-selection/course-selection.ts
@@ -24,7 +24,7 @@ export default class CourseSelection extends Vue
 
     openedPage: string = '';
     settings: SearchSettings = new SearchSettings();
-    activeCourseIndex: number = -1;
+    activeCourse: UniqueCourse = new UniqueCourse('', [], -1);
 
     /**
      * Called before rendering
diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index 49b9e1d..0f8313a 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -5,7 +5,7 @@
                 <el-card class="left" :style="{height: cardsHeight + 'px'}">
                     <SearchSettings v-if="openedPage === 'settings'" ref="settings" :settings="settings"/>
                     <Welcome v-if="openedPage === ''" :app="app"/>
-                    <CourseDetail v-if="openedPage === 'course'" :course-info="courseInfo[activeCourseIndex]"/>
+                    <CourseDetail v-if="openedPage === 'course'" :course-info="activeCourse"/>
                 </el-card>
             </el-col>
 
diff --git a/src/pages/course-selection/pages/course-detail.vue b/src/pages/course-selection/pages/course-detail.vue
index 32a1cfb..a2004db 100644
--- a/src/pages/course-selection/pages/course-detail.vue
+++ b/src/pages/course-selection/pages/course-detail.vue
@@ -6,12 +6,12 @@
 
 <script lang="ts">
     import {Component, Prop, Vue} from 'vue-property-decorator'
-    import CourseInfo from '@/logic/course-info';
+    import CourseInfo, {UniqueCourse} from '@/logic/course-info';
 
     @Component
     export default class CourseDetail extends Vue
     {
-        @Prop({required: true}) courseInfo: CourseInfo;
+        @Prop({required: true}) courseInfo: UniqueCourse;
     }
 </script>