diff --git a/src/pages/course-selection/course-selection.scss b/src/pages/course-selection/course-selection.scss
index eeac57b..d3ae168 100644
--- a/src/pages/course-selection/course-selection.scss
+++ b/src/pages/course-selection/course-selection.scss
@@ -1,23 +1,4 @@
 
-#info
-{
-    margin: 20px 20px 10px;
-
-    .header
-    {
-        margin-top: 15px;
-        margin-bottom: 10px;
-
-        font-size: 30px;
-        color: #8c85ea;
-    }
-
-    .content
-    {
-        margin-bottom: 15px;
-    }
-}
-
 #course-list
 {
     margin-right: 20px;
diff --git a/src/pages/course-selection/course-selection.ts b/src/pages/course-selection/course-selection.ts
index 5f0baec..e2fe5a7 100644
--- a/src/pages/course-selection/course-selection.ts
+++ b/src/pages/course-selection/course-selection.ts
@@ -3,7 +3,7 @@ import App from '@/components/app/app';
 import CourseInfo, {ClassInfo, UniqueCourse} from '@/logic/course-info';
 import {GPAUtils} from '@/logic/utils/gpa-utils';
 // @ts-ignore
-import SearchSettingsComponent, {SearchSettings} from '@/pages/course-selection/search-settings/search-settings.vue';
+import SearchSettingsComponent, {SearchSettings} from '@/pages/course-selection/pages/search-settings.vue';
 
 @Component({components: {SearchSettings: SearchSettingsComponent}})
 export default class CourseSelection extends Vue
diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index 6e191fc..fdd2829 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -1,18 +1,5 @@
 <template>
     <div id="course-selection">
-        <el-card id="info">
-            <div class="header">Course Selection</div>
-            <div class="content" v-if="app.user.gradeLevel < 12">
-                This new page is designed to help you with your course selection for your
-                <span style="color:#409EFF">{{nextYearGradeLevel}} year</span>,
-                providing more information such as how many people are currently enrolled in a course.
-            </div>
-            <div class="content" style="color: #ff3d3d" v-if="app.user.gradeLevel >= 12">
-                You are a senior, what are you doing over here lol. <br>
-                Unfortunately I can't help you with college course selection.
-            </div>
-        </el-card>
-
         <el-row>
             <el-col :span="16" class="overall-span">
                 <el-card class="left" :style="{height: cardsHeight + 'px'}">
diff --git a/src/pages/course-selection/pages/welcome.vue b/src/pages/course-selection/pages/welcome.vue
index 6a1922b..fe9c8c9 100644
--- a/src/pages/course-selection/pages/welcome.vue
+++ b/src/pages/course-selection/pages/welcome.vue
@@ -1,6 +1,17 @@
 <template>
     <div id="welcome">
+        <div class="header">Welcome</div>
+        <el-divider class="divider"><i class="el-icon-cold-drink"></i></el-divider>
 
+        <div class="content" v-if="app.user.gradeLevel < 12">
+            This new page is designed to help you with your course selection for your
+            <span style="color:#409EFF">{{nextYearGradeLevel}} year</span>,
+            providing more information such as how many people are currently enrolled in a course.
+        </div>
+        <div class="content" style="color: #ff3d3d" v-if="app.user.gradeLevel >= 12">
+            You are a senior, what are you doing over here lol. <br>
+            Unfortunately I can't help you with college course selection.
+        </div>
     </div>
 </template>