diff --git a/src/pages/course-selection/pages/course-detail.vue b/src/pages/course-selection/pages/course-detail.vue
index 6ba617c..30c4a73 100644
--- a/src/pages/course-selection/pages/course-detail.vue
+++ b/src/pages/course-selection/pages/course-detail.vue
@@ -14,6 +14,7 @@
             </div>
 
             <div class="float-right">
+                <LoadingSpinner class="loading" size="30" :centered="false"/>
             </div>
         </div>
     </div>
@@ -24,8 +25,8 @@
     import CourseInfo, {AnalyzedRating, CourseInfoRating, UniqueCourse} from '@/logic/course-info';
     import App from '@/components/app/app';
     import course from '@/logic/course';
-
-    @Component
+    import LoadingSpinner from '@/pages/loading-spinner.vue';
+    @Component({components: {LoadingSpinner}})
     export default class CourseDetail extends Vue
     {
         @Prop({required: true}) uniqueCourse: UniqueCourse;