diff --git a/templates/table/course/course-teaser.hamlet b/templates/table/course/course-teaser.hamlet
index c35969157..ab45cd39b 100644
--- a/templates/table/course/course-teaser.hamlet
+++ b/templates/table/course/course-teaser.hamlet
@@ -18,5 +18,5 @@
   <div .course-teaser__school-label>_{MsgCourseSchool}
   <div .course-teaser__school-value>_{courseSchoolName}
   $maybe desc <- courseDescription
-    <div .course-teaser__description-value>#{desc}
+    <div .course-teaser__description>#{desc}
   $nothing
diff --git a/templates/table/course/course-teaser.lucius b/templates/table/course/course-teaser.lucius
index 6e9ac3ab2..c0edf635b 100644
--- a/templates/table/course/course-teaser.lucius
+++ b/templates/table/course/course-teaser.lucius
@@ -91,13 +91,14 @@
 }
 
 /* description */
-.course-teaser__description-value {
+.course-teaser__description {
   grid-column: 2;
   color: var(--color-fontsec);
 }
 
 /* subtitle */
 .course-teaser__lecturer-label,
+.course-teaser__duedate-label,
 .course-teaser__school-label {
   grid-column: 1;
   justify-self: end;
@@ -108,9 +109,9 @@
 /* hidden in closed state */
 .course-teaser__school-label,
 .course-teaser__school-value,
+.course-teaser__duedate-label,
 .course-teaser__duedate-value,
-.course-teaser__description-label,
-.course-teaser__description-value,
+.course-teaser__description,
 .course-teaser__registration {
   display: none;
 }
@@ -133,9 +134,9 @@
 
   .course-teaser__school-label,
   .course-teaser__school-value,
+  .course-teaser__duedate-label,
   .course-teaser__duedate-value,
-  .course-teaser__description-label,
-  .course-teaser__description-value {
+  .course-teaser__description {
     display: block;
   }
 }