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 4f740a0abf63582a5bc1810d303bac16f864893a..23b3bb1ee640116eb88a2dbab64f076122d3f42e 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
@@ -39,7 +39,7 @@
 		<ul>
 			<li *ngIf="courseDetails.lastTaught"><span class="semi-bold">Last Taught:</span> {{ courseDetails.lastTaught | getTermDescription }}</li>
 			<li *ngIf="(courseDetails.gradCourseWork || courseDetails.workplaceExperience || courseDetails.foreignLanguage)" ><span class="semi-bold">Course Options:</span>
-				<ul>
+				<ul class="course-options-list">
 					<li>
 						<span *ngIf="courseDetails.gradCourseWork">50% Graduate Coursework Requirement</span>
 						<span *ngIf="courseDetails.workplaceExperience">{{ courseDetails.workplaceExperience.description }}</span>
diff --git a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.scss b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.scss
index 880b82955994329252465b7375011985dd157c15..4a0054db64fb6e2042f58f3899de9c2c5a56861f 100644
--- a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.scss
+++ b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.scss
@@ -6,6 +6,11 @@
         list-style: none;
         padding-inline-start: 0px;
     }
+    .course-options-list {
+        list-style: circle;
+        -webkit-padding-start: 1.2em;
+        padding-inline-start: 1.2em;
+    }
     .course-detail-title {
         h3 {
             line-height: 1.2;
diff --git a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.ts b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.ts
index 00ad9dc29e2486e66c6ed4df84343e3db34e3f59..59aff05bef43975eb0f23f56483d2d8a1d8e555b 100644
--- a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.ts
+++ b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { CourseDetails, Level, Breadth } from '../../../core/models/course-details';
+import { CourseDetails } from '../../../core/models/course-details';
 import { DataService } from '../../../core/data.service';
 import { MAT_DIALOG_DATA } from '@angular/material';