Render markdown more normally

src/core/plugins/oas3/wrap-components/markdown.js

@@ -2,4 +2,9 @@ import React from "react"
 import ReactMarkdown from "react-markdown"
 import { OAS3ComponentWrapFactory } from "../helpers"
 
-export default OAS3ComponentWrapFactory(({ source }) => { return source ? <ReactMarkdown source={source} /> : null})
+export default OAS3ComponentWrapFactory(({ source }) => { return source ? (
+  <ReactMarkdown
+    source={source}
+    className={"renderedMarkdown"}
+    />
+) : null})

src/style/_layout.scss

@@ -665,6 +665,14 @@ body
     }
 }
 
+.renderedMarkdown {
+  p {
+    @include text_body();
+    font-size: 14px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+}
 
 @keyframes blinker
 {