diff --git a/src/app/degree-planner/shared/course-item/course-item.component.html b/src/app/degree-planner/shared/course-item/course-item.component.html
index 053a4e9c3d586274aa3a86ce177e15d65e695a31..9d705b73deab1d81017411977f719e9986f12ee8 100644
--- a/src/app/degree-planner/shared/course-item/course-item.component.html
+++ b/src/app/degree-planner/shared/course-item/course-item.component.html
@@ -37,7 +37,7 @@
             </i>
             <i
               *ngSwitchCase="'Incomplete'"
-              class="material-icons cancel-icon"
+              class="material-icons incomplete-icon"
               alt="Course is incomplete"
               aria-label="Course is incomplete"
               matTooltip="Course is incomplete"
@@ -60,7 +60,7 @@
               aria-label="Course is no longer offered"
               matTooltip="Course is no longer offered"
               matTooltipPosition="above">
-              remove
+              not_interested
             </i>
           </span>
         </div>
diff --git a/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html b/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html
index 39875a7db59760fc4aaba7488aa3327851b8d0d8..89d58d3e9316320bb9189c26a7ebc83f36fd4a8b 100644
--- a/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html
+++ b/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html
@@ -28,7 +28,7 @@
       </mat-list-item>
       <mat-list-item role="listitem">
         <i
-          class="material-icons cancel-icon"
+          class="material-icons incomplete-icon"
           alt="Course is incomplete"
           matTooltip="Course is incomplete"
           matTooltipPosition="left">
@@ -52,7 +52,7 @@
           alt="Course is no longer offered"
           matTooltip="Course is no longer offered"
           matTooltipPosition="left">
-          strikethrough_s
+          not_interested
         </i>
         Course is no longer offered
       </mat-list-item>
diff --git a/src/assets/sass/general.scss b/src/assets/sass/general.scss
index b177e4384d7a30e69925825bd6000aafefd209e5..726924b0a2f464a1590e9e55356bf86645f597a2 100644
--- a/src/assets/sass/general.scss
+++ b/src/assets/sass/general.scss
@@ -85,7 +85,8 @@ body {
   color: #ef6c00;
 }
 
-.cancel-icon {
+.incomplete-icon,
+.not-offered-icon {
   color: #6e655f;
 }
 
@@ -97,13 +98,9 @@ body {
   color: map-get($uw-primary, 500);
 }
 
-.not-offered-icon {
-  color: rgba(0, 0, 0, 0.87);
-}
-
 .in-progress-icon,
 .problem-icon,
-.cancel-icon,
+.incomplete-icon,
 .error-icon,
 .help-icon,
 .not-offered-icon {