diff --git a/src/pages/course-selection/pages/course-detail.vue b/src/pages/course-selection/pages/course-detail.vue
index 8ba7bf1..6ba617c 100644
--- a/src/pages/course-selection/pages/course-detail.vue
+++ b/src/pages/course-selection/pages/course-detail.vue
@@ -4,11 +4,16 @@
         <el-divider class="divider"><i class="el-icon-reading"></i></el-divider>
 
         <div class="item" v-for="course in sortedCourses">
-            <div>{{course.levelFull}} - <i>{{course.teacher}}</i></div>
-            <div class="info">
-                <span class="name">{{course.name}} : </span>
-                <span class="classes"><i class="el-icon-s-home"/> {{course.classes.length}}</span>
-                <span class="enrollments"><i class="el-icon-user"/> {{course.enrollments}}</span>
+            <div class="float-left">
+                <div>{{course.levelFull}} - <i>{{course.teacher}}</i></div>
+                <div class="info">
+                    <span class="name">{{course.name}} : </span>
+                    <span class="classes"><i class="el-icon-s-home"/> {{course.classes.length}}</span>
+                    <span class="enrollments"><i class="el-icon-user"/> {{course.enrollments}}</span>
+                </div>
+            </div>
+
+            <div class="float-right">
             </div>
         </div>
     </div>
@@ -66,6 +71,8 @@
         background: #f8fdff;
         border-radius: 4px;
         padding: 5px 10px;
+
+        height: 40px;
     }
 
     .info
@@ -79,4 +86,16 @@
             margin-right: 10px;
         }
     }
+
+    .float-left
+    {
+        text-align: left;
+        float: left;
+    }
+
+    .float-right
+    {
+        text-align: right;
+        float: right;
+    }
 </style>