diff --git a/app/styles/components/kanban-task.scss b/app/styles/components/kanban-task.scss
index 121bcfb2..0b938f02 100644
--- a/app/styles/components/kanban-task.scss
+++ b/app/styles/components/kanban-task.scss
@@ -88,6 +88,7 @@
     }
     .task-name {
         @include font-type(bold);
+        word-break: break-word;
     }
     .loading {
         bottom: .5rem;
diff --git a/app/styles/components/taskboard-task.scss b/app/styles/components/taskboard-task.scss
index 7a9e6516..3b60133e 100644
--- a/app/styles/components/taskboard-task.scss
+++ b/app/styles/components/taskboard-task.scss
@@ -100,6 +100,7 @@
     }
     .task-name {
         @include font-type(bold);
+        word-break: break-word;
     }
     .taskboard-text {
         @include font-size(small);