diff --git a/package.json b/package.json
index 72a63ec34d2c7..67e174f77a78e 100644
--- a/package.json
+++ b/package.json
@@ -240,7 +240,7 @@
     "react-dom": "^16.12.0",
     "react-grid-layout": "^0.16.2",
     "react-input-range": "^1.3.0",
-    "react-markdown": "^3.4.1",
+    "react-markdown": "^4.3.1",
     "react-monaco-editor": "~0.27.0",
     "react-redux": "^7.1.3",
     "react-resize-detector": "^4.2.0",
diff --git a/x-pack/package.json b/x-pack/package.json
index 46993f629c069..377471f7b8229 100644
--- a/x-pack/package.json
+++ b/x-pack/package.json
@@ -318,7 +318,7 @@
     "react-dom": "^16.12.0",
     "react-dropzone": "^4.2.9",
     "react-fast-compare": "^2.0.4",
-    "react-markdown": "^3.4.1",
+    "react-markdown": "^4.3.1",
     "react-moment-proptypes": "^1.7.0",
     "react-portal": "^3.2.0",
     "react-redux": "^7.1.3",
diff --git a/x-pack/plugins/ingest_manager/package.json b/x-pack/plugins/ingest_manager/package.json
index 56b7df6b56852..052d3d0b42c7e 100644
--- a/x-pack/plugins/ingest_manager/package.json
+++ b/x-pack/plugins/ingest_manager/package.json
@@ -1,11 +1,7 @@
 {
-    "author": "Elastic",
-    "name": "ingest-manager",
-    "version": "8.0.0",
-    "private": true,
-    "license": "Elastic-License",
-    "dependencies": {
-      "react-markdown": "^4.2.2"
-    }
-  }
-  
\ No newline at end of file
+  "author": "Elastic",
+  "name": "ingest-manager",
+  "version": "8.0.0",
+  "private": true,
+  "license": "Elastic-License"
+}
diff --git a/x-pack/plugins/ingest_manager/yarn.lock b/x-pack/plugins/ingest_manager/yarn.lock
deleted file mode 120000
index 6e09764ec763b..0000000000000
--- a/x-pack/plugins/ingest_manager/yarn.lock
+++ /dev/null
@@ -1 +0,0 @@
-../../../yarn.lock
\ No newline at end of file
diff --git a/x-pack/plugins/security/public/authentication/access_agreement/__snapshots__/access_agreement_page.test.tsx.snap b/x-pack/plugins/security/public/authentication/access_agreement/__snapshots__/access_agreement_page.test.tsx.snap
index 2227cbe8a495c..04dd39c69e64d 100644
--- a/x-pack/plugins/security/public/authentication/access_agreement/__snapshots__/access_agreement_page.test.tsx.snap
+++ b/x-pack/plugins/security/public/authentication/access_agreement/__snapshots__/access_agreement_page.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`AccessAgreementPage renders as expected when state is available 1`] = `
 <ReactMarkdown
   astPlugins={Array []}
   escapeHtml={true}
+  parserOptions={Object {}}
   plugins={Array []}
   rawSourcePos={false}
   renderers={Object {}}
@@ -11,20 +12,32 @@ exports[`AccessAgreementPage renders as expected when state is available 1`] = `
   sourcePos={false}
   transformLinkUri={[Function]}
 >
-  <div
-    key="root-1-1"
+  <Root
+    key="root-1-1-0"
   >
     <p
-      key="paragraph-1-1"
+      key="paragraph-1-1-0"
     >
-      This is 
+      <TextRenderer
+        key="text-1-1-0"
+        nodeKey="text-1-1-0"
+        value="This is "
+      >
+        This is 
+      </TextRenderer>
       <a
         href="../link"
-        key="link-1-9"
+        key="link-1-9-1"
       >
-        link
+        <TextRenderer
+          key="text-1-10-0"
+          nodeKey="text-1-10-0"
+          value="link"
+        >
+          link
+        </TextRenderer>
       </a>
     </p>
-  </div>
+  </Root>
 </ReactMarkdown>
 `;
diff --git a/x-pack/plugins/security/public/authentication/login/components/login_form/__snapshots__/login_form.test.tsx.snap b/x-pack/plugins/security/public/authentication/login/components/login_form/__snapshots__/login_form.test.tsx.snap
index 072a025aa06a0..08f8034538ac3 100644
--- a/x-pack/plugins/security/public/authentication/login/components/login_form/__snapshots__/login_form.test.tsx.snap
+++ b/x-pack/plugins/security/public/authentication/login/components/login_form/__snapshots__/login_form.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`LoginForm login selector properly switches to login form -> login help
 <ReactMarkdown
   astPlugins={Array []}
   escapeHtml={true}
+  parserOptions={Object {}}
   plugins={Array []}
   rawSourcePos={false}
   renderers={Object {}}
@@ -11,19 +12,25 @@ exports[`LoginForm login selector properly switches to login form -> login help
   sourcePos={false}
   transformLinkUri={[Function]}
 >
-  <div
-    key="root-1-1"
+  <Root
+    key="root-1-1-0"
   >
     <p
-      key="paragraph-1-1"
+      key="paragraph-1-1-0"
     >
       <strong
-        key="strong-1-1"
+        key="strong-1-1-0"
       >
-        some help
+        <TextRenderer
+          key="text-1-3-0"
+          nodeKey="text-1-3-0"
+          value="some help"
+        >
+          some help
+        </TextRenderer>
       </strong>
     </p>
-  </div>
+  </Root>
 </ReactMarkdown>
 `;
 
@@ -31,6 +38,7 @@ exports[`LoginForm login selector properly switches to login help: Login Help 1`
 <ReactMarkdown
   astPlugins={Array []}
   escapeHtml={true}
+  parserOptions={Object {}}
   plugins={Array []}
   rawSourcePos={false}
   renderers={Object {}}
@@ -38,19 +46,25 @@ exports[`LoginForm login selector properly switches to login help: Login Help 1`
   sourcePos={false}
   transformLinkUri={[Function]}
 >
-  <div
-    key="root-1-1"
+  <Root
+    key="root-1-1-0"
   >
     <p
-      key="paragraph-1-1"
+      key="paragraph-1-1-0"
     >
       <strong
-        key="strong-1-1"
+        key="strong-1-1-0"
       >
-        some help
+        <TextRenderer
+          key="text-1-3-0"
+          nodeKey="text-1-3-0"
+          value="some help"
+        >
+          some help
+        </TextRenderer>
       </strong>
     </p>
-  </div>
+  </Root>
 </ReactMarkdown>
 `;
 
@@ -58,6 +72,7 @@ exports[`LoginForm properly switches to login help: Login Help 1`] = `
 <ReactMarkdown
   astPlugins={Array []}
   escapeHtml={true}
+  parserOptions={Object {}}
   plugins={Array []}
   rawSourcePos={false}
   renderers={Object {}}
@@ -65,19 +80,25 @@ exports[`LoginForm properly switches to login help: Login Help 1`] = `
   sourcePos={false}
   transformLinkUri={[Function]}
 >
-  <div
-    key="root-1-1"
+  <Root
+    key="root-1-1-0"
   >
     <p
-      key="paragraph-1-1"
+      key="paragraph-1-1-0"
     >
       <strong
-        key="strong-1-1"
+        key="strong-1-1-0"
       >
-        some help
+        <TextRenderer
+          key="text-1-3-0"
+          nodeKey="text-1-3-0"
+          value="some help"
+        >
+          some help
+        </TextRenderer>
       </strong>
     </p>
-  </div>
+  </Root>
 </ReactMarkdown>
 `;
 
diff --git a/x-pack/plugins/siem/package.json b/x-pack/plugins/siem/package.json
index 6dc3aa3a5021e..f61ab8e946b15 100644
--- a/x-pack/plugins/siem/package.json
+++ b/x-pack/plugins/siem/package.json
@@ -18,7 +18,6 @@
   "dependencies": {
     "lodash": "^4.17.15",
     "querystring": "^0.2.0",
-    "react-markdown": "^4.0.6",
     "redux-devtools-extension": "^2.13.8",
     "@types/seedrandom": ">=2.0.0 <4.0.0"
   }
diff --git a/x-pack/plugins/siem/public/common/components/markdown/__snapshots__/index.test.tsx.snap b/x-pack/plugins/siem/public/common/components/markdown/__snapshots__/index.test.tsx.snap
index ce0c797c2b2b4..4850547f30c52 100644
--- a/x-pack/plugins/siem/public/common/components/markdown/__snapshots__/index.test.tsx.snap
+++ b/x-pack/plugins/siem/public/common/components/markdown/__snapshots__/index.test.tsx.snap
@@ -6,6 +6,7 @@ exports[`Markdown markdown links it renders the expected content containing a li
   data-test-subj="markdown"
   escapeHtml={true}
   linkTarget="_blank"
+  parserOptions={Object {}}
   plugins={Array []}
   rawSourcePos={false}
   renderers={
@@ -32,6 +33,7 @@ exports[`Markdown markdown tables it renders the expected table content 1`] = `
   data-test-subj="markdown"
   escapeHtml={true}
   linkTarget="_blank"
+  parserOptions={Object {}}
   plugins={Array []}
   rawSourcePos={false}
   renderers={
diff --git a/yarn.lock b/yarn.lock
index a6dc525547be9..63e0fbd768ad6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -24596,32 +24596,7 @@ react-lifecycles-compat@^3.0.0, react-lifecycles-compat@^3.0.4:
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
 
-react-markdown@^3.4.1:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/react-markdown/-/react-markdown-3.6.0.tgz#29f6aaab5270c8ef0a5e234093a873ec3e01722b"
-  integrity sha512-TV0wQDHHPCEeKJHWXFfEAKJ8uSEsJ9LgrMERkXx05WV/3q6Ig+59KDNaTmjcoqlCpE/sH5PqqLMh4t0QWKrJ8Q==
-  dependencies:
-    mdast-add-list-metadata "1.0.1"
-    prop-types "^15.6.1"
-    remark-parse "^5.0.0"
-    unified "^6.1.5"
-    unist-util-visit "^1.3.0"
-    xtend "^4.0.1"
-
-react-markdown@^4.0.6:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/react-markdown/-/react-markdown-4.0.8.tgz#e3621b5becaac82a651008d7bc8390d3e4e438c0"
-  integrity sha512-Z6oa648rufvzyO0KwYJ/9p9AsdYGIluqK6OlpJ35ouJ8HPF0Ko1WDNdyymjDSHxNrkb7HDyEcIDJCQs8NlET5A==
-  dependencies:
-    html-to-react "^1.3.4"
-    mdast-add-list-metadata "1.0.1"
-    prop-types "^15.7.2"
-    remark-parse "^5.0.0"
-    unified "^6.1.5"
-    unist-util-visit "^1.3.0"
-    xtend "^4.0.1"
-
-react-markdown@^4.2.2:
+react-markdown@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/react-markdown/-/react-markdown-4.3.1.tgz#39f0633b94a027445b86c9811142d05381300f2f"
   integrity sha512-HQlWFTbDxTtNY6bjgp3C3uv1h2xcjCSi1zAEzfBW9OwJJvENSYiLXWNXN5hHLsoqai7RnZiiHzcnWdXk2Splzw==