fix: background of msgbox with long display name

ts/components/conversation/message/message-content/MessageContent.tsx

@@ -86,7 +86,7 @@ const StyledMessageOpaqueContent = styled(StyledMessageHighlighter)<{
   align-self: ${props => (props.messageDirection === 'incoming' ? 'flex-start' : 'flex-end')};
   padding: var(--padding-message-content);
   border-radius: var(--border-radius-message-box);
-  max-width: 100%;
+  width: 100%;
 `;
 
 export const IsMessageVisibleContext = createContext(false);