diff --git a/packages/bruno-app/src/components/MarkDown/StyledWrapper.js b/packages/bruno-app/src/components/MarkDown/StyledWrapper.js index a7a174a69..08467632d 100644 --- a/packages/bruno-app/src/components/MarkDown/StyledWrapper.js +++ b/packages/bruno-app/src/components/MarkDown/StyledWrapper.js @@ -78,6 +78,14 @@ const StyledMarkdownBodyWrapper = styled.div` background-color: ${(props) => props.theme.bg}; } } + + p { + white-space: pre-wrap; + } + + div { + white-space: pre-wrap; + } } `; diff --git a/packages/bruno-app/src/components/MarkDown/index.jsx b/packages/bruno-app/src/components/MarkDown/index.jsx index e6582a8b6..ee29100e0 100644 --- a/packages/bruno-app/src/components/MarkDown/index.jsx +++ b/packages/bruno-app/src/components/MarkDown/index.jsx @@ -6,6 +6,9 @@ import { isValidUrl } from 'utils/url/index'; const Markdown = ({ collectionPath, onDoubleClick, content }) => { const markdownItOptions = { + html: true, + breaks: true, + linkify: true, replaceLink: function (link, env) { return link.replace(/^\./, collectionPath); }