diff --git a/client/js/components/procedure/SegmentsList/SegmentsList.vue b/client/js/components/procedure/SegmentsList/SegmentsList.vue
index c2a0893f4b..e83b8426b1 100644
--- a/client/js/components/procedure/SegmentsList/SegmentsList.vue
+++ b/client/js/components/procedure/SegmentsList/SegmentsList.vue
@@ -152,7 +152,9 @@
           {{ placesObject[rowData.relationships.place.data.id].attributes.name }}
         </template>
         <template v-slot:text="rowData">
-          <div v-cleanhtml="rowData.attributes.text" />
+          <div
+            v-cleanhtml="rowData.attributes.text"
+            class="overflow-word-break" />
         </template>
         <template v-slot:recommendation="rowData">
           <div v-cleanhtml="rowData.attributes.recommendation !== '' ? rowData.attributes.recommendation : '-'" />
diff --git a/client/js/components/procedure/StatementSegmentsList/StatementSegment.vue b/client/js/components/procedure/StatementSegmentsList/StatementSegment.vue
index 4c9b8e0f31..5e2a9542b4 100644
--- a/client/js/components/procedure/StatementSegmentsList/StatementSegment.vue
+++ b/client/js/components/procedure/StatementSegmentsList/StatementSegment.vue
@@ -68,7 +68,7 @@
         @click="toggleClaimSegment" />
     </div>
     <div
-      class="segment-list-col--l"
+      class="segment-list-col--l overflow-word-break"
       v-cleanhtml="visibleSegmentText" />
     <div class="segment-list-col--s">
       <button
@@ -85,7 +85,7 @@
           aria-hidden="true" />
       </button>
     </div>
-    <div class="segment-list-col--l">
+    <div class="segment-list-col--l overflow-word-break">
       <div
         v-if="isAssignedToMe === false"
         :class="{ 'color--grey': visibleRecommendation === '' }"