diff --git a/frontend/src/utils/course-teaser/course-teaser.scss b/frontend/src/utils/course-teaser/course-teaser.scss
index eb7d68ab8..69e8bac35 100644
--- a/frontend/src/utils/course-teaser/course-teaser.scss
+++ b/frontend/src/utils/course-teaser/course-teaser.scss
@@ -4,11 +4,12 @@
   --course-padding-vert: 12px;
 
   display: grid;
+  position: relative;
   grid-gap: 5px 7px;
   grid-template-columns: 140px 1fr 80px;
   grid-template-areas:
-    'smstr      school  chevron'
     'shrthnd    title   chevron'
+    'smstr      school  chevron'
     '.          rgstrd  .      '
     'tutor      name    .      '
     'duedate    date    .      '
@@ -66,7 +67,6 @@
 .course-teaser__semester {
   grid-area: smstr;
   justify-self: end;
-  font-size: 1.1rem;
   a {
     color: var(--color-fontsec);
   }
@@ -74,11 +74,11 @@
 
 /* shorthand */
 .course-teaser__shorthand {
+  position: absolute;
   grid-area: shrthnd;
-  justify-self: end;
-  font-size: 1.2rem;
+  font-size: 2rem;
   font-weight: bold;
-  overflow-wrap: anywhere;
+  color: var(--color-grey-medium);
 }
 
 /* title */
@@ -98,7 +98,6 @@
 /* school */
 .course-teaser__school {
   grid-area: school;
-  align-self: end;
   a {
     color: var(--color-fontsec);
   }