From ed17475f12634ace9a076b0cca2731007c230c73 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@sunshinegardens.org>
Date: Tue, 25 Aug 2020 21:34:51 -0400
Subject: [PATCH] chat: break overflowing one-word messages

Fixes #3358.
---
 .../src/views/apps/chat/components/lib/content/text.js       | 5 +++--
 pkg/interface/src/views/apps/chat/css/custom.css             | 4 ----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/pkg/interface/src/views/apps/chat/components/lib/content/text.js b/pkg/interface/src/views/apps/chat/components/lib/content/text.js
index 0bc601122..19b5aa423 100644
--- a/pkg/interface/src/views/apps/chat/components/lib/content/text.js
+++ b/pkg/interface/src/views/apps/chat/components/lib/content/text.js
@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom';
 import ReactMarkdown from 'react-markdown';
 import RemarkDisableTokenizers from 'remark-disable-tokenizers';
 import urbitOb from 'urbit-ob';
+import { Box } from '@tlon/indigo-react';
 
 const DISABLED_BLOCK_TOKENS = [
   'indentedCode',
@@ -55,9 +56,9 @@ export default class TextContent extends Component {
       );
     } else {
       return (
-        <section className="chat-md-message">
+        <Box style={{ overflowWrap: 'break-word' }}>
           <MessageMarkdown source={content.text} />
-        </section>
+        </Box>
       );
     }
   }
diff --git a/pkg/interface/src/views/apps/chat/css/custom.css b/pkg/interface/src/views/apps/chat/css/custom.css
index 2ab1224d9..56babb623 100644
--- a/pkg/interface/src/views/apps/chat/css/custom.css
+++ b/pkg/interface/src/views/apps/chat/css/custom.css
@@ -70,10 +70,6 @@ h2 {
   line-height: 16px;
 }
 
-.chat-md-message > pre {
-  overflow-x: auto;
-}
-
 .mono {
   font-family: "Source Code Pro", monospace;
 }