diff --git a/web/src/components/highlight-markdown/index.less b/web/src/components/highlight-markdown/index.less
index 4f5535eb42..c0798c0642 100644
--- a/web/src/components/highlight-markdown/index.less
+++ b/web/src/components/highlight-markdown/index.less
@@ -1,3 +1,4 @@
 .text {
+  white-space: pre-wrap; // https://stackoverflow.com/questions/60332183/new-line-with-react-markdown
   .chunkText;
 }