diff --git a/ui/app/styles/components.scss b/ui/app/styles/components.scss
index 5c3600fde6a5..3b99ae2aea0b 100644
--- a/ui/app/styles/components.scss
+++ b/ui/app/styles/components.scss
@@ -11,7 +11,6 @@
 @import './components/gutter-toggle';
 @import './components/inline-definitions';
 @import './components/job-diff';
-@import './components/json-viewer';
 @import './components/loading-spinner';
 @import './components/metrics';
 @import './components/node-status-light';
diff --git a/ui/app/styles/components/json-viewer.scss b/ui/app/styles/components/json-viewer.scss
deleted file mode 100644
index 4c6b1431fcb5..000000000000
--- a/ui/app/styles/components/json-viewer.scss
+++ /dev/null
@@ -1,146 +0,0 @@
-@mixin theme(
-  $default-color: black,
-  $string-color: green,
-  $number-color: blue,
-  $boolean-color: red,
-  $null-color: #855A00,
-  $undefined-color: rgb(202, 11, 105),
-  $function-color: #FF20ED,
-  $toggler-opacity: 0.6,
-  $toggler-color: #45376F,
-  $bracket-color: blue,
-  $key-color: #00008B,
-  $url-color: blue
-) {
-  font-family: monospace;
-  &,
-  a,
-  a:hover {
-    color: $default-color;
-    text-decoration: none;
-  }
-
-  .json-formatter-row {
-    margin-left: 1rem;
-  }
-
-  .json-formatter-children {
-    &.json-formatter-empty {
-      opacity: 0.5;
-      margin-left: 1rem;
-
-      &:after {
-        display: none;
-      }
-      &.json-formatter-object:after {
-        content: 'No properties';
-      }
-      &.json-formatter-array:after {
-        content: '[]';
-      }
-    }
-  }
-
-  .json-formatter-string {
-    color: $string-color;
-    white-space: pre;
-    word-wrap: break-word;
-  }
-
-  .json-formatter-number {
-    color: $number-color;
-  }
-  .json-formatter-boolean {
-    color: $boolean-color;
-  }
-  .json-formatter-null {
-    color: $null-color;
-  }
-  .json-formatter-undefined {
-    color: $undefined-color;
-  }
-  .json-formatter-function {
-    color: $function-color;
-  }
-  .json-formatter-date {
-    background-color: fade($default-color, 5%);
-  }
-  .json-formatter-url {
-    text-decoration: underline;
-    color: $url-color;
-    cursor: pointer;
-  }
-
-  .json-formatter-bracket {
-    color: $bracket-color;
-  }
-  .json-formatter-key {
-    color: $key-color;
-    cursor: pointer;
-    padding-right: 0.2rem;
-  }
-
-  .json-formatter-constructor-name {
-    cursor: pointer;
-  }
-
-  .json-formatter-toggler {
-    line-height: 1rem;
-    font-size: 1rem;
-    vertical-align: baseline;
-    opacity: $toggler-opacity;
-    cursor: pointer;
-    padding-right: 0.3rem;
-
-    &:after {
-      display: inline-block;
-      transition: none;
-      content: '+';
-    }
-  }
-
-  // Inline preview on hover (optional)
-  > a > .json-formatter-preview-text {
-    opacity: 0;
-    transition: opacity 0.15s ease-in;
-    font-style: italic;
-  }
-
-  &:hover > a > .json-formatter-preview-text {
-    opacity: 0.6;
-  }
-
-  // Open state
-  &.json-formatter-open {
-    > .json-formatter-toggler-link .json-formatter-toggler:after {
-      transform: none;
-      content: '-';
-    }
-    > .json-formatter-children:after {
-      display: inline-block;
-    }
-    > a > .json-formatter-preview-text {
-      display: none;
-    }
-    &.json-formatter-empty:after {
-      display: block;
-    }
-  }
-}
-
-.json-formatter-nomad.json-formatter-row {
-  @include theme(
-    $grey,
-    $nomad-green,
-    $packer-blue,
-    $consul-pink,
-    $terraform-purple,
-    $terraform-purple-dark,
-    $white,
-    0.6,
-    $black,
-    $grey-dark,
-    $white,
-    $blue
-  );
-}
diff --git a/ui/package.json b/ui/package.json
index b5f2c48eff33..b7579331c1b1 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -73,7 +73,6 @@
     "fuse.js": "~3.2.0",
     "husky": "^0.14.3",
     "ivy-codemirror": "^2.1.0",
-    "json-formatter-js": "^2.2.0",
     "lint-staged": "^6.0.0",
     "loader.js": "^4.2.3",
     "lodash.intersection": "^4.4.0",
diff --git a/ui/yarn.lock b/ui/yarn.lock
index b0842e9a24a3..5414f4bd4a3c 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -5469,10 +5469,6 @@ jsmin@1.x:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/jsmin/-/jsmin-1.0.1.tgz#e7bd0dcd6496c3bf4863235bf461a3d98aa3b98c"
 
-json-formatter-js@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/json-formatter-js/-/json-formatter-js-2.2.0.tgz#1ed987223ef2f1d945304597faae78b580a8212b"
-
 json-parse-better-errors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"