From 74870bec41121fc81f78352ddca8ad0282f6ad20 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Sat, 11 Jan 2025 23:32:24 +0530
Subject: [PATCH] fix: Fix bubble overflow issue and color (#10674)

---
 .../message/bubbles/Text/FormattedContent.vue                | 5 ++++-
 tailwind.config.js                                           | 2 +-
 2 files changed, 5 insertions(+), 2 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 34b9a0070..9b69a4f9f 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Text/FormattedContent.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Text/FormattedContent.vue
@@ -24,5 +24,8 @@ const formattedContent = computed(() => {
 </script>
 
 <template>
-  <span v-dompurify-html="formattedContent" class="prose prose-bubble" />
+  <span
+    v-dompurify-html="formattedContent"
+    class="prose prose-bubble break-words"
+  />
 </template>
diff --git a/tailwind.config.js b/tailwind.config.js
index c8960b073..02acaf6b8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -97,7 +97,7 @@ const tailwindConfig = {
               marginBottom: '1.5em',
             },
             a: {
-              color: 'rgb(var(--text-blue))',
+              color: 'rgb(var(--slate-12))',
               textDecoration: 'underline',
             },
             ul: {