diff --git a/frontend/src/utils/course-teaser/course-teaser.scss b/frontend/src/utils/course-teaser/course-teaser.scss
index a75be4053..a0a304f33 100644
--- a/frontend/src/utils/course-teaser/course-teaser.scss
+++ b/frontend/src/utils/course-teaser/course-teaser.scss
@@ -143,10 +143,11 @@ course teaser: header styling
 .course-teaser-header {
   padding-top: 10px;
   padding-bottom: 20px;
-  line-height: 2.7;
+  line-height: 1.4;
+  max-width: 85vw;
 
   .course-header {
-    white-space: nowrap;
+    float: left;
     background-color: var(--color-dark);
     position: relative;
     font-size: 16px;
@@ -155,6 +156,7 @@ course teaser: header styling
     padding-bottom: 10px;
     padding-left: 10px;
     padding-right: 35px;
+    margin-bottom: 10px;
     font-weight: bold;
     text-align: left;
     border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
@@ -171,3 +173,9 @@ course teaser: header styling
     }
   }
 }
+
+.course-teaser-header:after {
+  content: "";
+  display: table;
+  clear: both;
+}