diff --git a/src/pretix/static/pretixpresale/scss/_calendar.scss b/src/pretix/static/pretixpresale/scss/_calendar.scss
index b082a4e53d..324be35af5 100644
--- a/src/pretix/static/pretixpresale/scss/_calendar.scss
+++ b/src/pretix/static/pretixpresale/scss/_calendar.scss
@@ -203,8 +203,11 @@
   margin: 0;
   padding: 3px 8px 3px 0;
   background-color: rgba(255,255,255,.9);
-  white-space: nowrap;
   z-index: 10;
+  width: 20vw;/* % in a grid context scales to the width of this element in grid => vw with max-width */
+  max-width: 15em;
+  min-width: 8em;
+  overflow-wrap: break-word;
 }
 
 .day-calendar a.event {