diff --git a/app/styles/components/kanban-task.scss b/app/styles/components/kanban-task.scss
index 91ad68d7..c5d66cc9 100644
--- a/app/styles/components/kanban-task.scss
+++ b/app/styles/components/kanban-task.scss
@@ -57,11 +57,13 @@
     .task-name {
         @extend %bold;
         color: $grayer;
+        word-wrap: break-word;
     }
     .task-text {
         @include table-flex-child($flex-grow: 10, $flex-basis: 50px);
         @extend %small;
         padding: 0 .5rem 0 1rem;
+        word-wrap: break-word;
     }
     .task-points {
         @extend %small;
diff --git a/app/styles/components/taskboard-task.scss b/app/styles/components/taskboard-task.scss
index 8e5e709d..5e0ea38f 100644
--- a/app/styles/components/taskboard-task.scss
+++ b/app/styles/components/taskboard-task.scss
@@ -89,6 +89,7 @@
         @extend %small;
         @include table-flex-child($flex-grow: 10, $flex-basis: 50px);
         padding: 0 .5rem 0 1rem;
+        word-wrap: break-word;
     }
     .icon {
         @include transition(color .3s linear, opacity .3s linear);