diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index a49dda3..1523d9f 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -10,7 +10,7 @@
             <div id="app-content" v-if="assignmentsReady && loading === ''">
                 <overall v-if="nav.id === 'overall'" :courses="gradedCourses"></overall>
                 <course-page v-if="nav.id === 'course'" :course="gradedCourses.find(c => +c.id === +nav.info.id)"></course-page>
-                <course-selection v-if="nav.id === 'course-selection'"></course-selection>
+                <course-selection v-if="nav.id === 'course-selection'" :app="this"></course-selection>
             </div>
 
             <loading v-if="loading !== ''" :text="loading" :error="loadingError"/>
diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index 3331e17..3e36156 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -11,12 +11,13 @@
 </template>
 
 <script lang="ts">
-    import {Component, Vue} from 'vue-property-decorator'
+    import {Component, Prop, Vue} from 'vue-property-decorator'
+    import App from '@/components/app/app';
 
     @Component
     export default class CourseSelection extends Vue
     {
-
+        @Prop({required: true}) app: App;
     }
 </script>