diff --git a/src/pages/course-selection/course-selection.ts b/src/pages/course-selection/course-selection.ts
index 4b60aee..8c11420 100644
--- a/src/pages/course-selection/course-selection.ts
+++ b/src/pages/course-selection/course-selection.ts
@@ -4,8 +4,9 @@ import CourseInfo, {ClassInfo, UniqueCourse} from '@/logic/course-info';
 import {GPAUtils} from '@/logic/utils/gpa-utils';
 // @ts-ignore
 import SearchSettingsComponent, {SearchSettings} from '@/pages/course-selection/pages/search-settings.vue';
+import Welcome from '@/pages/course-selection/pages/welcome.vue';
 
-@Component({components: {SearchSettings: SearchSettingsComponent}})
+@Component({components: {SearchSettings: SearchSettingsComponent, Welcome}})
 export default class CourseSelection extends Vue
 {
     @Prop({required: true}) app: App
diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index fdd2829..10179b8 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -4,6 +4,7 @@
             <el-col :span="16" class="overall-span">
                 <el-card class="left" :style="{height: cardsHeight + 'px'}">
                     <SearchSettings ref="settings" :settings="settings" v-if="openedPage === 'settings'"></SearchSettings>
+                    <Welcome :app="app" v-if="openedPage === ''"></Welcome>
                 </el-card>
             </el-col>