diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index c91c190..86fe3e2 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -25,11 +25,10 @@
                     <div class="header">Course List</div>
 
                     <!-- Search -->
-                    <el-input placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input>
+                    <el-input class="search" placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input>
 
                     <!-- Every course -->
-                    <div v-for="(course, index) in filteredCourses"
-                         class="item vertical-center">
+                    <div v-for="(course, index) in filteredCourses" class="item vertical-center">
                         <span class="name">{{course.name}}</span>
                     </div>
                 </el-card>
@@ -113,6 +112,11 @@
             font-size: 24px;
         }
 
+        .search
+        {
+            margin-bottom: 10px;
+        }
+
         .item
         {
             height: 30px;