diff --git a/frontend/src/utils/course-teaser/course-teaser.js b/frontend/src/utils/course-teaser/course-teaser.js
index c68da6074..a729f3036 100644
--- a/frontend/src/utils/course-teaser/course-teaser.js
+++ b/frontend/src/utils/course-teaser/course-teaser.js
@@ -7,7 +7,7 @@ var COURSE_TEASER_EXPANDED_CLASS = 'course-teaser__expanded';
 var COURSE_TEASER_CHEVRON_CLASS = 'course-teaser__chevron';
 
 @Utility({
-  selector: '[uw-course-teaser]',
+  selector: '[uw-course-teaser]:not(.course-teaser__disabled)',
 })
 export class CourseTeaser {
 
@@ -27,11 +27,11 @@ export class CourseTeaser {
   _onToggleExpand(event) {
     var isLink = event.target.tagName.toLowerCase() === 'a';
     var isChevron = event.target.classList.contains(COURSE_TEASER_CHEVRON_CLASS);
-    var isExpanded = event.target.classList.contains(COURSE_TEASER_EXPANDED_CLASS);
+    var isExpanded = this._element.classList.contains(COURSE_TEASER_EXPANDED_CLASS);
   
     if ((!isExpanded && !isLink) || isChevron) {
       this._element.classList.toggle(COURSE_TEASER_EXPANDED_CLASS);
     }
   }
 
-}
\ No newline at end of file
+}
diff --git a/frontend/src/utils/course-teaser/course-teaser.scss b/frontend/src/utils/course-teaser/course-teaser.scss
index 2b6710b13..8aa21657e 100644
--- a/frontend/src/utils/course-teaser/course-teaser.scss
+++ b/frontend/src/utils/course-teaser/course-teaser.scss
@@ -90,7 +90,7 @@
 /* description */
 .course-teaser__description {
   grid-column: 3;
-  color: var(--color-fontsec);
+  /* color: var(--color-fontsec); */
 }
 
 /* subtitle */
diff --git a/templates/table/course/course-teaser.hamlet b/templates/table/course/course-teaser.hamlet
index 8ba66493f..27c6a8e91 100644
--- a/templates/table/course/course-teaser.hamlet
+++ b/templates/table/course/course-teaser.hamlet
@@ -1,4 +1,4 @@
-<div uw-course-teaser :isRegistered:.course-teaser__registered tabindex='1'>
+<div uw-course-teaser :isRegistered:.course-teaser__registered :is _Nothing courseDescription:.course-teaser__disabled tabindex='1'>
   <div .course-teaser__semester>
     <a href=@{TermCourseListR courseTerm}>_{courseSemester}
   <div .course-teaser__school-value>
@@ -20,8 +20,6 @@
   $maybe regTo <- courseRegisterTo
     <div .course-teaser__duedate-label>_{MsgRegisterTo}
     <div .course-teaser__duedate-value>^{formatTimeW SelFormatDateTime regTo}
-  $nothing
   $maybe desc <- courseDescription
     <div .course-teaser__chevron>
     <div .course-teaser__description>#{desc}
-  $nothing