diff --git a/src/app/shared/components/course-details/course-details.component.html b/src/app/shared/components/course-details/course-details.component.html
index 9cff49b386f4b56d394bab73ff336ec813074d3e..c3ce498cb80733210c04b81e0667cf44ddb3c00c 100644
--- a/src/app/shared/components/course-details/course-details.component.html
+++ b/src/app/shared/components/course-details/course-details.component.html
@@ -3,7 +3,7 @@
     <div class="term-selection" *ngIf="type === 'search' || type === 'saved'" fxLayout="row" fxFlex="100">
       <form [formGroup]="termSelector" (ngSubmit)="addCourseToPlan($event)" style="width:100%;display:flex">
         <mat-form-field style="margin-right:20px;">
-          <mat-select placeholder="Term" aria-label="Term" matInput role="listbox" formControlName="term" cdkFocusInitial>
+          <mat-select [compareWith]="sameTermCodes" placeholder="Term" aria-label="Term" matInput role="listbox" formControlName="term" cdkFocusInitial>
             <mat-option role="option" *ngFor="let term of (droppableTermCodes$ | async)" [value]="term" >
               {{ term | getTermDescription }}
             </mat-option>