@@ -1,7 +1,5 @@ .markdown { max-width: 100%; - overflow-wrap: anywhere; - word-break: break-word; :global(.ds-markdown) { background-color: transparent !important; @@ -31,7 +29,7 @@ overflow-x: auto; } - :global(.ds-markdown) pre { + :global(.md-code-block) { max-width: 100%; } @@ -125,23 +125,16 @@ export function BotMessage(props: any) { minWidth: 0, overflowY: 'auto', overflowX: 'hidden', - overflowWrap: 'anywhere', - wordBreak: 'break-word', position: 'relative', - padding: '15px 23px', + padding: '0px 16px', border: `1px solid #303035`, color: '#f9fafb', boxShadow: 'none', lineHeight: '22.5px', fontSize: '15px', - marginTop: 0.5, textAlign: 'left', fontFamily: 'Inter,sans-serif', borderRadius: '13px', - '& p': { - color: 'inherit', - fontStyle: 'inherit', - }, ...flexStyle, }} >