From 79997fd86f3f76bfbd7941b695043efe1e0e0236 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Thu, 16 Jan 2025 15:49:39 +0530
Subject: [PATCH] feat: use break anywhere (#10698)

Ref:
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap#anywhere

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
---
 .../message/bubbles/Text/FormattedContent.vue                | 5 +----
 tailwind.config.js                                           | 1 +
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/javascript/dashboard/components-next/message/bubbles/Text/FormattedContent.vue b/app/javascript/dashboard/components-next/message/bubbles/Text/FormattedContent.vue
index 9b69a4f9f..34b9a0070 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Text/FormattedContent.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Text/FormattedContent.vue
@@ -24,8 +24,5 @@ const formattedContent = computed(() => {
 </script>
 
 <template>
-  <span
-    v-dompurify-html="formattedContent"
-    class="prose prose-bubble break-words"
-  />
+  <span v-dompurify-html="formattedContent" class="prose prose-bubble" />
 </template>
diff --git a/tailwind.config.js b/tailwind.config.js
index dc77d86a8..20e4298dc 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -53,6 +53,7 @@ const tailwindConfig = {
                 marginTop: '0',
               },
             },
+            overflowWrap: 'anywhere',
 
             'br + br': {
               display: 'none',