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 5bf74359ed287b7c39182fd34cdcd3af34b1bd2a..a696f28970ef06f91cfd2e8301502e14c9125ead 100644
--- a/src/app/shared/components/course-details/course-details.component.html
+++ b/src/app/shared/components/course-details/course-details.component.html
@@ -5,8 +5,7 @@
       fxLayout.lt-md="column"
       fxFlex="100"
       fxLayoutGap="10px"
-      class="course-details-header"
-    >
+      class="course-details-header">
       <div fxFlex="50" class="course-detail-title" fxLayoutAlign="start center">
         <h3>
           {{ courseDetails.fullCourseDesignation | titlecase
@@ -19,8 +18,7 @@
         *ngIf="type === 'search' || type === 'saved'"
         fxFlex="50"
         fxLayout="row"
-        fxLayoutAlign="end start"
-      >
+        fxLayoutAlign="end start">
         <div class="term-selection">
           <form [formGroup]="termSelector" (ngSubmit)="addCourseToPlan($event)">
             <mat-form-field style="margin-right:20px;">
@@ -30,14 +28,12 @@
                 matInput
                 role="listbox"
                 formControlName="term"
-                cdkFocusInitial
-              >
+                cdkFocusInitial>
                 <mat-option
                   role="option"
                   *ngFor="let term of (droppableTermCodes$ | async)"
                   [value]="term"
-                  >{{ term | getTermDescription }}</mat-option
-                >
+                  >{{ term | getTermDescription }}</mat-option>
               </mat-select>
             </mat-form-field>
 
@@ -45,8 +41,7 @@
               mat-raised-button
               color="primary"
               mat-dialog-close
-              (click)="addCourseToPlan($event)"
-            >
+              (click)="addCourseToPlan($event)">
               Add to plan
             </button>
           </form>
@@ -59,8 +54,7 @@
     fxLayout="column"
     fxLayoutAlign="space-around start"
     fxLayoutGap="10px"
-    class="course-details-content"
-  >
+    class="course-details-content">
     <p>{{ courseDetails.description }}</p>
 
     <p *ngIf="courseDetails.enrollmentPrerequisites">
@@ -110,15 +104,12 @@
         *ngIf="
           courseDetails.gradCourseWork ||
           courseDetails.workplaceExperience ||
-          courseDetails.foreignLanguage
-        "
-      >
+          courseDetails.foreignLanguage">
         <span class="semi-bold">Course Options:</span>
         <ul class="courseDetails-nested-list">
           <li>
             <span *ngIf="courseDetails.gradCourseWork"
-              >50% Graduate Coursework Requirement</span
-            >
+              >50% Graduate Coursework Requirement</span>
             <span *ngIf="courseDetails.workplaceExperience">{{
               courseDetails.workplaceExperience.description
             }}</span>
@@ -147,26 +138,22 @@
           fxLayout.lt-sm="column"
           class="mat-dialog-actions"
           fxLayoutAlign="start center"
-          fxLayoutAlign.lt-sm="start start"
-        >
+          fxLayoutAlign.lt-sm="start start">
           <a
             class="md-primary btn-link mat-button"
             target="_blank"
             href="{{ courseDetails.subject.departmentURI }}"
-            >Website</a
-          >
+            >Website</a>
           <a
             class="md-primary btn-link mat-button"
             target="_blank"
             href="{{ courseDetails.subject.undergraduateCatalogURI }}"
-            >Undergraduate Info</a
-          >
+            >Undergraduate Info</a>
           <a
             class="md-primary btn-link mat-button"
             target="_blank"
             href="{{ courseDetails.subject.graduateCatalogURI }}"
-            >Graduate Info</a
-          >
+            >Graduate Info</a>
         </div>
       </div>
     </div>