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: {