diff --git a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html
index 8e8f7047259f4b214aba8517a0b2b980a4904103..4dda0310c16616329d24f9de102f8a471a6373e8 100644
--- a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html
+++ b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html
@@ -25,12 +25,12 @@
 		
 		<ul class="courseDetails-list">
 			<li *ngIf="courseDetails.creditRange"><span class="semi-bold">Credits:</span> {{ courseDetails.creditRange }}</li>
-			<li *ngIf="courseDetails.levels && courseDetails.levels.length > 0"><span class="semi-bold">Level:</span>
+			<li *ngIf="courseDetails.levels && courseDetails.levels.length > 0"><span class="semi-bold">Level: </span>
 				<span *ngFor="let levels of courseDetails.levels">
 					<span class="list-comma">{{ levels.description }}</span>
 				</span>
 			</li>
-			<li *ngIf="courseDetails.breadths && courseDetails.breadths.length > 0"><span class="semi-bold">Breadth:</span>
+			<li *ngIf="courseDetails.breadths && courseDetails.breadths.length > 0"><span class="semi-bold">Breadth: </span>
 				<span *ngFor="let breadths of courseDetails.breadths">
 					<span class="list-comma">{{ breadths.description }}</span>
 				</span>