diff --git a/src/app/shared/components/course-details/course-details.component.ts b/src/app/shared/components/course-details/course-details.component.ts
index 3cba5ee91728a41e5635f04dced64d6d9815043f..1d7c0a0d5e6da34f219833849b77e4ce290921f0 100644
--- a/src/app/shared/components/course-details/course-details.component.ts
+++ b/src/app/shared/components/course-details/course-details.component.ts
@@ -1,13 +1,15 @@
-import { Observable, Subscription } from 'rxjs';
 import { Component, OnInit, OnDestroy, Inject } from '@angular/core';
-import { CourseDetails } from '../../../core/models/course-details';
 import { MAT_DIALOG_DATA } from '@angular/material';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { Observable, Subscription } from 'rxjs';
+import { distinctUntilChanged, map } from 'rxjs/operators';
+import { Store, select } from '@ngrx/store';
+
+import { CourseDetails } from '@app/core/models/course-details';
 import * as selectors from '@app/degree-planner/store/selectors';
 import * as utils from '@app/degree-planner/shared/utils';
+import { TermCode } from '@app/core/models/termcode';
 import { GlobalState } from '@app/core/state';
-import { Store, select } from '@ngrx/store';
-import { distinctUntilChanged, map } from 'rxjs/operators';
-import { FormBuilder, FormGroup } from '@angular/forms';
 
 import {
   AddCourse,
@@ -68,7 +70,7 @@ export class CourseDetailsComponent implements OnInit, OnDestroy {
 
   addCourseToPlan($event) {
     $event.preventDefault();
-    const termCode = this.termSelector.value.term;
+    const termCode = new TermCode(this.termSelector.value.term);
     const subjectCode = this.courseDetails.subject.subjectCode;
     const courseId = this.courseDetails.courseId;
     const payload = {