diff --git a/src/components/Message.tsx b/src/components/Message.tsx index b06fa2c..19a6ab4 100644 --- a/src/components/Message.tsx +++ b/src/components/Message.tsx @@ -38,7 +38,7 @@ const MessageTimestamp = styled.div` const MessageContent = styled.div<{ sending?: boolean; failed?: boolean }>` font-size: 16px; white-space: pre-wrap; - word-wrap: break-word; + word-wrap: anywhere; opacity: ${(props) => (props.sending ? 0.5 : undefined)}; color: ${(props) => (props.failed ? "var(--error)" : undefined)}; `; diff --git a/src/components/MessageInput.tsx b/src/components/MessageInput.tsx index c3f7071..19d0790 100644 --- a/src/components/MessageInput.tsx +++ b/src/components/MessageInput.tsx @@ -27,7 +27,7 @@ const TextInput = styled.div` left: 0; width: 100%; outline: none; - word-wrap: break-word; + word-wrap: anywhere; padding: 12px 16px; `;