fix: added word break to parent

push-protocol · Mar 14, 2024 · cf08bed · cf08bed
1 parent 4f17563
commit cf08bed
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/uiweb/src/lib/components/supportChat/Chats.tsx b/packages/uiweb/src/lib/components/supportChat/Chats.tsx
@@ -191,6 +191,8 @@ const ReceivedMessage = styled.div`
   box-sizing: border-box;
   position: relative;
   max-width: 250px;
+  word-wrap: break-word;
+  word-break: break-word;
   padding: ${(props: any): string => props.padding || '12px 15px 12px 11px'};
   background: ${(props: any): string => props.theme.bgColorPrimary || '#ffffff'};
   text-align: left;
@@ -207,6 +209,8 @@ const SenderMessage = styled.div`
   position: relative;
   max-width: 250px;
   text-align: left;
+  word-wrap: break-word;
+  word-break: break-word;
   padding: ${(props: any): string => props.padding || '12px 15px 12px 11px'};
   background: ${(props: any): string => props.theme.bgColorSecondary || '#ca599b'};
   border: ${(props) => props.theme.border};