diff --git a/src/components/app/app.ts b/src/components/app/app.ts
index 75135ff..3f2b7e9 100644
--- a/src/components/app/app.ts
+++ b/src/components/app/app.ts
@@ -11,9 +11,10 @@ import Course from '@/logic/course';
 import LoginUser from '@/logic/login-user';
 import NavController from '@/logic/nav-controller';
 import Info from '@/statics/Info.vue';
+import CourseSelection from '@/pages/course-selection/course-selection.vue';
 
 @Component({
-    components: {Login, Navigation, Overall, Loading, CoursePage, Info},
+    components: {Login, Navigation, Overall, Loading, CoursePage, Info, CourseSelection},
 })
 export default class App extends Vue
 {
diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index 495fd30..a49dda3 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -10,6 +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>
             </div>
 
             <loading v-if="loading !== ''" :text="loading" :error="loadingError"/>