From 69a15443ce4d2364bd229536249b8e6d89c091b4 Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Sat, 1 Oct 2022 11:46:46 -0500
Subject: [PATCH] fix: prevent unstyled pre content from breaking out of
 message box

---
 src/components/Message/Message.sass | 3 +++
 src/components/Message/Message.tsx  | 2 ++
 2 files changed, 5 insertions(+)
 create mode 100644 src/components/Message/Message.sass

diff --git a/src/components/Message/Message.sass b/src/components/Message/Message.sass
new file mode 100644
index 0000000..7033936
--- /dev/null
+++ b/src/components/Message/Message.sass
@@ -0,0 +1,3 @@
+.Message
+  pre
+    overflow: auto
diff --git a/src/components/Message/Message.tsx b/src/components/Message/Message.tsx
index f4dc513..93b5d54 100644
--- a/src/components/Message/Message.tsx
+++ b/src/components/Message/Message.tsx
@@ -22,6 +22,8 @@ import remarkGfm from 'remark-gfm'
 import { Message as IMessage, isMessageReceived } from 'models/chat'
 import { PeerNameDisplay } from 'components/PeerNameDisplay'
 
+import './Message.sass'
+
 export interface MessageProps {
   message: IMessage
   userId: string