diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
index 297166b66..cd639b940 100644
--- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
@@ -151,6 +151,7 @@
       border-top-left-radius: $space-smaller;
       color: $color-body;
       margin-right: auto;
+      word-break: break-word;
 
       &.is-image {
         border-radius: var(--border-radius-large);
@@ -198,6 +199,7 @@
       border-bottom-right-radius: $space-smaller;
       border-top-right-radius: $space-smaller;
       margin-left: auto;
+      word-break: break-word;
 
       &.is-private {
         background: lighten($warning-color, 32%);
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
index 07a595b1c..746cc903d 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
@@ -22,3 +22,8 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+.text-content {
+  overflow: auto;
+}
+</style>