diff --git a/src/app/degree-planner/term-container/term-container.component.html b/src/app/degree-planner/term-container/term-container.component.html
index a4e57f9fe107c127dcce017f4445a5f6f6402e63..906b9653cb003b7858c3fb8fc1a9194b643a5de1 100644
--- a/src/app/degree-planner/term-container/term-container.component.html
+++ b/src/app/degree-planner/term-container/term-container.component.html
@@ -108,7 +108,10 @@
           </cse-course-item>
         </ng-container>
       </div>
-      <div class="no-courses" *ngIf="(courses$ | async).length == 0">
+      <div
+        class="no-courses"
+        *ngIf="(courses$ | async).length == 0 && (term$ | async).era != 'past'"
+      >
         <p>
           No courses planned
         </p>
@@ -143,13 +146,11 @@
       </div>
       <div
         class="no-courses"
-        *ngIf="
-          (courses$ | async).length === 0 && (term$ | async).era == 'passt'
-        "
+        *ngIf="(courses$ | async).length === 0 && (term$ | async).era == 'past'"
       >
         <p>
           {{
-            (isPastTerm$ | async) ? 'No courses Taken' : 'No enrolled courses'
+            (isPastTerm$ | async) ? 'No courses taken' : 'No enrolled courses'
           }}
         </p>
       </div>
diff --git a/src/app/degree-planner/term-container/term-container.component.ts b/src/app/degree-planner/term-container/term-container.component.ts
index dcfb704ad33818de5539039f115b83f08a530ec0..157894afecebbe06e4ed00847deccddb7141afee 100644
--- a/src/app/degree-planner/term-container/term-container.component.ts
+++ b/src/app/degree-planner/term-container/term-container.component.ts
@@ -29,10 +29,10 @@ const isntUndefined = <T>(thing: T | undefined): thing is T => {
 
 const sumCredits = (courses: Course[]): number => {
   return courses.reduce((sum, course) => {
-    if (course.credits == undefined) {
+    if (course.credits != undefined) {
       return sum + course.credits;
     }
-    return 0;
+    return sum;
   }, 0);
 };