diff --git a/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.css b/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.css
index e7a217e..e662f80 100644
--- a/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.css
+++ b/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.css
@@ -55,3 +55,6 @@ app-task-overview {
   color: white;
 }
 
+::ng-deep .cal-event-title {
+  white-space: normal;
+}
diff --git a/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.ts b/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.ts
index 50ae471..bdc414d 100644
--- a/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.ts
+++ b/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.ts
@@ -99,6 +99,7 @@ export class DraggableSchedulerComponent {
                 this.events.push({
                     title:  this.computeTaskPath(schedule.taskgroupPath, schedule.task),
                     color: colors['red'],
+                    cssClass: 'test',
                     start: new Date(advancedSchedule.scheduleStartTime),
                     end: new Date(advancedSchedule.scheduleStopTime),
                     draggable: true,
@@ -126,6 +127,7 @@ export class DraggableSchedulerComponent {
         color: colors['yellow'],
         start: new Date(),
         draggable: true,
+        cssClass: 'test',
         resizable: {
           beforeStart: true,
           afterEnd: true
diff --git a/frontend/src/app/schedules/scheduler/scheduler.component.css b/frontend/src/app/schedules/scheduler/scheduler.component.css
index 8793269..abdc086 100644
--- a/frontend/src/app/schedules/scheduler/scheduler.component.css
+++ b/frontend/src/app/schedules/scheduler/scheduler.component.css
@@ -26,3 +26,6 @@
   width: 100%;
 }
 
+::ng-deep .cal-event-title {
+  white-space: normal;
+}