diff --git a/src/pages/course-selection/course-selection.ts b/src/pages/course-selection/course-selection.ts
index e2fe5a7..4b60aee 100644
--- a/src/pages/course-selection/course-selection.ts
+++ b/src/pages/course-selection/course-selection.ts
@@ -171,9 +171,4 @@ export default class CourseSelection extends Vue
 
         return list;
     }
-
-    get nextYearGradeLevel()
-    {
-        return GPAUtils.gradeLevelName(this.app.user.gradeLevel + 1)
-    }
 }
diff --git a/src/pages/course-selection/pages/welcome.vue b/src/pages/course-selection/pages/welcome.vue
index fe9c8c9..3d4b880 100644
--- a/src/pages/course-selection/pages/welcome.vue
+++ b/src/pages/course-selection/pages/welcome.vue
@@ -16,12 +16,19 @@
 </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';
+    import {GPAUtils} from '@/logic/utils/gpa-utils';
 
     @Component
     export default class Welcome extends Vue
     {
-
+        @Prop({required: true}) app: App
+        
+        get nextYearGradeLevel()
+        {
+            return GPAUtils.gradeLevelName(this.app.user.gradeLevel + 1)
+        }
     }
 </script>