diff --git a/src/pages/course-selection/course-selection.scss b/src/pages/course-selection/course-selection.scss
index f193469..43fd0a2 100644
--- a/src/pages/course-selection/course-selection.scss
+++ b/src/pages/course-selection/course-selection.scss
@@ -78,7 +78,7 @@
             text-overflow: ellipsis;
         }
 
-        .descriptions
+        .data
         {
             // text-align: right;
             color: #a5a5a5;
diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index 28bbd2c..5f7e545 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -37,9 +37,9 @@
                         <!-- Every course -->
                         <div v-for="(course, index) in uniqueCourses" class="item vertical-center">
                             <div class="name">{{course.name}}</div>
-                            <div class="descriptions">
                                 <span class="classes"><i class="el-icon-s-home"/>{{course.courses.length}}</span>
                                 <span class="enrollments"><i class="el-icon-user-solid"/>{{course.enrollments}}</span>
+                            <div class="data">
                             </div>
                         </div>
                     </div>