diff --git a/src/app/shared/course-details/course-details.component.html b/src/app/shared/course-details/course-details.component.html
index bd88fafe414ff411fbd2d91eec515c7d16b2470b..7d7c9d7f0de5469da0acce5d40a2d0aa41421f2c 100644
--- a/src/app/shared/course-details/course-details.component.html
+++ b/src/app/shared/course-details/course-details.component.html
@@ -14,8 +14,9 @@
 	</div>
 
 	<div fxLayout="column" fxLayoutAlign="space-around start" fxLayoutGap="10px" class="course-details-content">
-		<p>{{ courseDetails.description }}</p>
-		<p *ngIf="courseDetails.advisoryPrerequisites && courseDetails.advisoryPrerequisites.length > 0"><span class="semi-bold">Requisites:</span>{{ courseDetails.advisoryPrerequisites }}</p>
+    <p>{{ courseDetails.description }}</p>
+
+		<p *ngIf="courseDetails.enrollmentPrerequisites"><span class="semi-bold">Requisites: </span>{{ courseDetails.enrollmentPrerequisites }}</p>
 		
 		<ul class="courseDetails-list">
 			<li *ngIf="courseDetails.creditRange"><span class="semi-bold">Credits:</span> {{ courseDetails.creditRange }}</li>
@@ -31,11 +32,16 @@
 			</li>
 			<li *ngIf="courseDetails.lettersAndScienceCredits"><span class="semi-bold">L&amp;S Credit Type:</span>
 				{{ courseDetails.lettersAndScienceCredits.description }}
-			</li>
+      </li>
+      <li *ngIf="courseDetails.honors"><span class="semi-bold">Honors: </span>{{ courseDetails.honors }}</li>
+      <li *ngIf="courseDetails.generalEd"><span class="semi-bold">General Education: </span>{{ courseDetails.generalEd.description }}</li>
+      <li *ngIf="courseDetails.ethnicStudies"><span class="semi-bold">General Education:</span> Ethnic Studies</li>
+      <!-- <li *ngIf="courseDetails."><span class="semi-bold">Class Number:</span> {{ courseDetails.generalEd }}</li> -->
 		</ul>
 
 		<ul class="courseDetails-list">
-			<li *ngIf="courseDetails.lastTaught"><span class="semi-bold">Last Taught:</span> {{ courseDetails.lastTaught | getTermDescription }}</li>
+      <li *ngIf="courseDetails.lastTaught"><span class="semi-bold">Last Taught: </span>{{ courseDetails.lastTaught | getTermDescription }}</li>
+      <li *ngIf="courseDetails.typicallyOffered"><span class="semi-bold">Typically Offered: </span>{{ courseDetails.typicallyOffered }}</li>
 			<li *ngIf="(courseDetails.gradCourseWork || courseDetails.workplaceExperience || courseDetails.foreignLanguage)" ><span class="semi-bold">Course Options:</span>
 				<ul class="courseDetails-nested-list">
 					<li>
@@ -47,13 +53,13 @@
 			</li>
 		</ul>
 
-		<p class="semi-bold">Subject Notes:</p>
-		<p>{{ courseDetails.subject.footnotes }}</p>
+		<p *ngIf="courseDetails.subject.footnotes"><span class="semi-bold">Subject Notes:</span><br>
+		<span class="subject-notes">{{ courseDetails.subject.footnotes }}</span></p>
 
 	</div>
 
 	<div class="course-details-footer">
-		<p class="semi-bold">{{ courseDetails.fullCourseDesignation | titlecase }} Information:</p>
+		<p class="semi-bold">{{ courseDetails.subject.description | titlecase }} Information:</p>
 		<div fxLayout="row">
 			<div fxLayout="row" fxFlex="100" fxLayoutGap="10px">
 				<div fxFlex="100" class="course-detail-title" fxLayoutAlign="start center">
diff --git a/src/app/shared/course-details/course-details.component.scss b/src/app/shared/course-details/course-details.component.scss
index 8a7491839b71e74c263f3866203edcfa284fa5e7..c7ef3853d393c41c0ea29b2bdd428fdec402d66b 100644
--- a/src/app/shared/course-details/course-details.component.scss
+++ b/src/app/shared/course-details/course-details.component.scss
@@ -22,6 +22,7 @@
         .course-detail-subtitle {
             font-weight: 300;
             display: block;
+            line-height: 1.8;
         }
     }
     .mat-dialog-actions {
@@ -33,6 +34,9 @@
     .btn-link {
         color: map-get($uw-primary, 500);
     }
+    .subject-notes {
+        white-space: pre-wrap;
+    }
     .course-details-footer {
         margin-top: 5px;
         .mat-dialog-actions {