diff --git a/src/pages/course-selection/pages/course-detail.vue b/src/pages/course-selection/pages/course-detail.vue
index 9c7ba1b..547adcb 100644
--- a/src/pages/course-selection/pages/course-detail.vue
+++ b/src/pages/course-selection/pages/course-detail.vue
@@ -35,6 +35,14 @@
                 <div class="title">Rating detail for {{detailsCourse.name}}</div>
                 <span class="subtitle">And for {{detailsCourse.teacher}}</span>
             </span>
+
+            <div class="rating-item" v-for="(criteria, index) of ratingCriteria">
+                <div class="title float-left">{{criteria.title}}</div>
+
+                <div class="stars float-right">
+                    <StarRating :score="rating.ratingAverages[index]"></StarRating>
+                </div>
+            </div>
         </el-dialog>
     </div>
 </template>