diff --git a/ui/package-lock.json b/ui/package-lock.json
index 1763f2164..9222dd98e 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -125,9 +125,9 @@
       }
     },
     "@fortawesome/react-fontawesome": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.2.tgz",
-      "integrity": "sha512-8SVkQ8tLfUYWKBEPPVUpohqOjtf5ix4yO0Z3c+vRwo9y1cM5rOBvuSQq7qUtoGwQTSvVF4NfXMYm3j0HSmV8Rg==",
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.3.tgz",
+      "integrity": "sha512-tc689l67rPZ7+ynZVUgOXY80rAt5KxvuH1qjPpJcbyJzJHzk5yhrD993BjsSEdPBLTtPqmvwynsO/XrAQqHbtg==",
       "requires": {
         "humps": "2.0.1",
         "prop-types": "15.6.2"
diff --git a/ui/package.json b/ui/package.json
index fd8530e07..b28e458fd 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -8,7 +8,7 @@
     "@fortawesome/fontawesome-svg-core": "1.2.4",
     "@fortawesome/free-regular-svg-icons": "5.3.1",
     "@fortawesome/free-solid-svg-icons": "5.3.1",
-    "@fortawesome/react-fontawesome": "0.1.2",
+    "@fortawesome/react-fontawesome": "0.1.3",
     "body-scroll-lock": "2.5.7",
     "bootstrap": "4.1.3",
     "bootswatch": "4.1.3",
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap
index dfaa05fd2..2182fcb83 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap
@@ -1,45 +1,28 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<RenderLinkAnnotation /> matches snapshot 1`] = `
-<a
-  className="text-nowrap text-truncate badge badge-secondary mr-1"
-  href="http://localhost/foo"
-  key="annotation name"
-  rel="noopener noreferrer"
-  target="_blank"
+"
+<a href=\\"http://localhost/foo\\"
+   target=\\"_blank\\"
+   rel=\\"noopener noreferrer\\"
+   class=\\"text-nowrap text-truncate badge badge-secondary mr-1\\"
 >
-  <FontAwesomeIcon
-    border={false}
-    className=""
-    fixedWidth={false}
-    flip={null}
-    icon={
-      Object {
-        "icon": Array [
-          576,
-          512,
-          Array [],
-          "f35d",
-          "M576 24v127.984c0 21.461-25.96 31.98-40.971 16.971l-35.707-35.709-243.523 243.523c-9.373 9.373-24.568 9.373-33.941 0l-22.627-22.627c-9.373-9.373-9.373-24.569 0-33.941L442.756 76.676l-35.703-35.705C391.982 25.9 402.656 0 424.024 0H552c13.255 0 24 10.745 24 24zM407.029 270.794l-16 16A23.999 23.999 0 0 0 384 303.765V448H64V128h264a24.003 24.003 0 0 0 16.97-7.029l16-16C376.089 89.851 365.381 64 344 64H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V287.764c0-21.382-25.852-32.09-40.971-16.97z",
-        ],
-        "iconName": "external-link-alt",
-        "prefix": "fas",
-      }
-    }
-    inverse={false}
-    listItem={false}
-    mask={null}
-    pull={null}
-    pulse={false}
-    rotation={null}
-    size={null}
-    spin={false}
-    symbol={false}
-    transform={null}
-  />
-   
+  <svg aria-hidden=\\"true\\"
+       data-prefix=\\"fas\\"
+       data-icon=\\"external-link-alt\\"
+       class=\\"svg-inline--fa fa-external-link-alt fa-w-18 \\"
+       role=\\"img\\"
+       xmlns=\\"http://www.w3.org/2000/svg\\"
+       viewbox=\\"0 0 576 512\\"
+  >
+    <path fill=\\"currentColor\\"
+          d=\\"M576 24v127.984c0 21.461-25.96 31.98-40.971 16.971l-35.707-35.709-243.523 243.523c-9.373 9.373-24.568 9.373-33.941 0l-22.627-22.627c-9.373-9.373-9.373-24.569 0-33.941L442.756 76.676l-35.703-35.705C391.982 25.9 402.656 0 424.024 0H552c13.255 0 24 10.745 24 24zM407.029 270.794l-16 16A23.999 23.999 0 0 0 384 303.765V448H64V128h264a24.003 24.003 0 0 0 16.97-7.029l16-16C376.089 89.851 365.381 64 344 64H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V287.764c0-21.382-25.852-32.09-40.971-16.97z\\"
+    >
+    </path>
+  </svg>
   annotation name
 </a>
+"
 `;
 
 exports[`<RenderNonLinkAnnotation /> matches snapshot when visible=false 1`] = `
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.test.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.test.js
index 31a3bfa67..cddd63457 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.test.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.test.js
@@ -22,7 +22,7 @@ const ShallowLinkAnnotation = () => {
 describe("<RenderLinkAnnotation />", () => {
   it("matches snapshot", () => {
     const tree = ShallowLinkAnnotation();
-    expect(tree).toMatchSnapshot();
+    expect(toDiffableHtml(tree.html())).toMatchSnapshot();
   });
 
   it("contains a link", () => {