diff --git a/ui/package.json b/ui/package.json
index efe0d4062..a7fa26390 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -35,7 +35,7 @@
     "react-idle-timer": "4.1.3",
     "react-input-range": "1.3.0",
     "react-js-pagination": "3.0.2",
-    "react-json-pretty": "1.7.9",
+    "react-json-pretty": "2.0.0",
     "react-linkify": "0.2.2",
     "react-masonry-infinite": "1.2.2",
     "react-moment": "0.8.4",
diff --git a/ui/src/Components/SilenceModal/PayloadPreview/__snapshots__/index.test.js.snap b/ui/src/Components/SilenceModal/PayloadPreview/__snapshots__/index.test.js.snap
index c05809777..8290714c4 100644
--- a/ui/src/Components/SilenceModal/PayloadPreview/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/SilenceModal/PayloadPreview/__snapshots__/index.test.js.snap
@@ -2,49 +2,51 @@
 
 exports[`<PayloadPreview /> matches snapshot 1`] = `
 "
-<pre class=\\"json-pretty\\">
-  {
+<div>
+  <pre class=\\"__json-pretty__\\">
+    {
   &quot;
-  <span class=\\"json-key\\">
-    matchers
-  </span>
-  &quot;: [],
+    <span class=\\"__json-key__\\">
+      matchers
+    </span>
+    &quot;: [],
   &quot;
-  <span class=\\"json-key\\">
-    startsAt
-  </span>
-  &quot;:
-  <span class=\\"json-string\\">
-    &quot;2000-02-01T00:00:00.000Z&quot;
-  </span>
-  ,
+    <span class=\\"__json-key__\\">
+      startsAt
+    </span>
+    &quot;:
+    <span class=\\"__json-string__\\">
+      &quot;2000-02-01T00:00:00.000Z&quot;
+    </span>
+    ,
   &quot;
-  <span class=\\"json-key\\">
-    endsAt
-  </span>
-  &quot;:
-  <span class=\\"json-string\\">
-    &quot;2000-02-01T01:00:00.000Z&quot;
-  </span>
-  ,
+    <span class=\\"__json-key__\\">
+      endsAt
+    </span>
+    &quot;:
+    <span class=\\"__json-string__\\">
+      &quot;2000-02-01T01:00:00.000Z&quot;
+    </span>
+    ,
   &quot;
-  <span class=\\"json-key\\">
-    createdBy
-  </span>
-  &quot;:
-  <span class=\\"json-string\\">
-    &quot;&quot;
-  </span>
-  ,
+    <span class=\\"__json-key__\\">
+      createdBy
+    </span>
+    &quot;:
+    <span class=\\"__json-string__\\">
+      &quot;&quot;
+    </span>
+    ,
   &quot;
-  <span class=\\"json-key\\">
-    comment
-  </span>
-  &quot;:
-  <span class=\\"json-string\\">
-    &quot;PayloadPreview test&quot;
-  </span>
-  }
-</pre>
+    <span class=\\"__json-key__\\">
+      comment
+    </span>
+    &quot;:
+    <span class=\\"__json-string__\\">
+      &quot;PayloadPreview test&quot;
+    </span>
+    }
+  </pre>
+</div>
 "
 `;
diff --git a/ui/src/Components/SilenceModal/PayloadPreview/index.js b/ui/src/Components/SilenceModal/PayloadPreview/index.js
index 22ef4824f..bd934a000 100644
--- a/ui/src/Components/SilenceModal/PayloadPreview/index.js
+++ b/ui/src/Components/SilenceModal/PayloadPreview/index.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { observer } from "mobx-react";
 
 import JSONPretty from "react-json-pretty";
-import "react-json-pretty/src/JSONPretty.monikai.css";
+import "react-json-pretty/themes/monikai.css";
 
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 
diff --git a/ui/yarn.lock b/ui/yarn.lock
index fa2988739..3dc493e99 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -3046,7 +3046,7 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-create-react-class@^15.5.2, create-react-class@^15.6.2:
+create-react-class@^15.6.2:
   version "15.6.3"
   resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.3.tgz#2d73237fb3f970ae6ebe011a9e66f46dbca80036"
   integrity sha512-M+/3Q6E6DLO6Yx3OwrWjwHBnvfXXYA7W+dFjt/ZDBemHO1DDZhsalX/NUtnTYclN6GfnBDRh4qRHjcDHmlJBJg==
@@ -9344,12 +9344,12 @@ react-js-pagination@3.0.2:
     prop-types "15.x.x - 16.x.x"
     react "15.x.x - 16.x.x"
 
-react-json-pretty@1.7.9:
-  version "1.7.9"
-  resolved "https://registry.yarnpkg.com/react-json-pretty/-/react-json-pretty-1.7.9.tgz#d153c52579fda9e245c81fceb3da22fdf1d93c1e"
-  integrity sha512-5ATsy6b/+0OvaJqDEXl6afvgg09O3/L+U5kglE+lGMu/3hVcgGPM2jqMcqqr2eAANROvX9ewKQXDh5huDljFfg==
+react-json-pretty@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/react-json-pretty/-/react-json-pretty-2.0.0.tgz#703bdf7c680afefe3796f4ec00f6424c7865d985"
+  integrity sha512-AaOGcuoU/pBNKtAc33GgtEX7a0vepAfsw/hxhlwJl4qKf3EaHvFgBKblrkiBBIaO/XIS/8/sSwN4tShXvSTmUA==
   dependencies:
-    create-react-class "^15.5.2"
+    prop-types "^15.6.2"
 
 react-lifecycles-compat@^3.0.2, react-lifecycles-compat@^3.0.4:
   version "3.0.4"