diff --git a/src/pages/overall/overall-course/course-head/course-head.scss b/src/pages/overall/overall-course/course-head/course-head.scss
index eb2b2ce..5418935 100644
--- a/src/pages/overall/overall-course/course-head/course-head.scss
+++ b/src/pages/overall/overall-course/course-head/course-head.scss
@@ -99,5 +99,8 @@
     width: 100px;
     float: right;
 
-
+    #term
+    {
+        font-size: 11px;
+    }
 }
diff --git a/src/pages/overall/overall-course/course-head/course-head.vue b/src/pages/overall/overall-course/course-head/course-head.vue
index 1ba4d0a..99aeb29 100644
--- a/src/pages/overall/overall-course/course-head/course-head.vue
+++ b/src/pages/overall/overall-course/course-head/course-head.vue
@@ -17,9 +17,9 @@
             </div>
         </div>
         <div id="block-term-grades" v-for="term in course.allGradingPeriods.slice().reverse()">
-            <div class="term">Term {{term + 1}} </div>
-            <div class="term-letter">{{course.letterGradeTerm(term)}} </div>
-            <div class="term-numeric">{{course.numericGradeTerm(term).toFixed(1)}}%</div>
+            <div id="term">Term {{term + 1}}</div>
+            <div id="term-letter">{{course.letterGradeTerm(term)}}</div>
+            <div id="term-numeric">{{course.numericGradeTerm(term).toFixed(1)}}%</div>
         </div>
     </div>
 </template>