diff --git a/ui/package-lock.json b/ui/package-lock.json
index 950b528fa..e50ce07ea 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -53,7 +53,7 @@
       },
       "devDependencies": {
         "@percy/cli": "1.2.1",
-        "@percy/storybook": "4.2.0",
+        "@percy/storybook": "4.2.1",
         "@storybook/builder-webpack5": "6.5.5",
         "@storybook/manager-webpack5": "6.5.5",
         "@storybook/preset-create-react-app": "4.1.1",
@@ -3657,13 +3657,13 @@
       }
     },
     "node_modules/@percy/storybook": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@percy/storybook/-/storybook-4.2.0.tgz",
-      "integrity": "sha512-uc/a+dgQOmjjsdwUTTAg7NcuID5VZC36MlLmaX4CQM/NtOg1wTDYRArEEYgdTD2oSWP6vv6Kege0tXwFaqw4nw==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@percy/storybook/-/storybook-4.2.1.tgz",
+      "integrity": "sha512-fJaMwDcdPeV7hAliZ4hc7gXoGZnQI7Yek3zMaLZjjC+nWZREAFl9eI3cdHo7wSZjNCtzEVM3NhE32RpfbwCRyQ==",
       "dev": true,
       "dependencies": {
-        "@percy/cli-command": "^1.0.5",
-        "@storybook/router": "^6.4.19",
+        "@percy/cli-command": "^1.2.1",
+        "@storybook/router": "~6.4.22",
         "cross-spawn": "^7.0.3",
         "qs": "^6.10.3"
       },
@@ -3671,6 +3671,47 @@
         "percy-storybook": "bin/percy-storybook.cjs"
       }
     },
+    "node_modules/@percy/storybook/node_modules/@storybook/client-logger": {
+      "version": "6.4.22",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-6.4.22.tgz",
+      "integrity": "sha512-LXhxh/lcDsdGnK8kimqfhu3C0+D2ylCSPPQNbU0IsLRmTfbpQYMdyl0XBjPdHiRVwlL7Gkw5OMjYemQgJ02zlw==",
+      "dev": true,
+      "dependencies": {
+        "core-js": "^3.8.2",
+        "global": "^4.4.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/@percy/storybook/node_modules/@storybook/router": {
+      "version": "6.4.22",
+      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-6.4.22.tgz",
+      "integrity": "sha512-zeuE8ZgFhNerQX8sICQYNYL65QEi3okyzw7ynF58Ud6nRw4fMxSOHcj2T+nZCIU5ufozRL4QWD/Rg9P2s/HtLw==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "6.4.22",
+        "core-js": "^3.8.2",
+        "fast-deep-equal": "^3.1.3",
+        "global": "^4.4.0",
+        "history": "5.0.0",
+        "lodash": "^4.17.21",
+        "memoizerific": "^1.11.3",
+        "qs": "^6.10.0",
+        "react-router": "^6.0.0",
+        "react-router-dom": "^6.0.0",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
+      }
+    },
     "node_modules/@pmmmwh/react-refresh-webpack-plugin": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.6.tgz",
@@ -19383,6 +19424,15 @@
         "node": "*"
       }
     },
+    "node_modules/history": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/history/-/history-5.0.0.tgz",
+      "integrity": "sha512-3NyRMKIiFSJmIPdq7FxkNMJkQ7ZEtVblOQ38VtKaA0zZMW1Eo6Q6W8oDKEflr1kNNTItSnk4JMCO1deeSgbLLg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.7.6"
+      }
+    },
     "node_modules/hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -26755,6 +26805,50 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-router": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz",
+      "integrity": "sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==",
+      "dev": true,
+      "dependencies": {
+        "history": "^5.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.3.0.tgz",
+      "integrity": "sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==",
+      "dev": true,
+      "dependencies": {
+        "history": "^5.2.0",
+        "react-router": "6.3.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom/node_modules/history": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz",
+      "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.7.6"
+      }
+    },
+    "node_modules/react-router/node_modules/history": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz",
+      "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.7.6"
+      }
+    },
     "node_modules/react-scripts": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz",
@@ -35785,15 +35879,46 @@
       "dev": true
     },
     "@percy/storybook": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@percy/storybook/-/storybook-4.2.0.tgz",
-      "integrity": "sha512-uc/a+dgQOmjjsdwUTTAg7NcuID5VZC36MlLmaX4CQM/NtOg1wTDYRArEEYgdTD2oSWP6vv6Kege0tXwFaqw4nw==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@percy/storybook/-/storybook-4.2.1.tgz",
+      "integrity": "sha512-fJaMwDcdPeV7hAliZ4hc7gXoGZnQI7Yek3zMaLZjjC+nWZREAFl9eI3cdHo7wSZjNCtzEVM3NhE32RpfbwCRyQ==",
       "dev": true,
       "requires": {
-        "@percy/cli-command": "^1.0.5",
-        "@storybook/router": "^6.4.19",
+        "@percy/cli-command": "^1.2.1",
+        "@storybook/router": "~6.4.22",
         "cross-spawn": "^7.0.3",
         "qs": "^6.10.3"
+      },
+      "dependencies": {
+        "@storybook/client-logger": {
+          "version": "6.4.22",
+          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-6.4.22.tgz",
+          "integrity": "sha512-LXhxh/lcDsdGnK8kimqfhu3C0+D2ylCSPPQNbU0IsLRmTfbpQYMdyl0XBjPdHiRVwlL7Gkw5OMjYemQgJ02zlw==",
+          "dev": true,
+          "requires": {
+            "core-js": "^3.8.2",
+            "global": "^4.4.0"
+          }
+        },
+        "@storybook/router": {
+          "version": "6.4.22",
+          "resolved": "https://registry.npmjs.org/@storybook/router/-/router-6.4.22.tgz",
+          "integrity": "sha512-zeuE8ZgFhNerQX8sICQYNYL65QEi3okyzw7ynF58Ud6nRw4fMxSOHcj2T+nZCIU5ufozRL4QWD/Rg9P2s/HtLw==",
+          "dev": true,
+          "requires": {
+            "@storybook/client-logger": "6.4.22",
+            "core-js": "^3.8.2",
+            "fast-deep-equal": "^3.1.3",
+            "global": "^4.4.0",
+            "history": "5.0.0",
+            "lodash": "^4.17.21",
+            "memoizerific": "^1.11.3",
+            "qs": "^6.10.0",
+            "react-router": "^6.0.0",
+            "react-router-dom": "^6.0.0",
+            "ts-dedent": "^2.0.0"
+          }
+        }
       }
     },
     "@pmmmwh/react-refresh-webpack-plugin": {
@@ -48062,6 +48187,15 @@
       "integrity": "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==",
       "dev": true
     },
+    "history": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/history/-/history-5.0.0.tgz",
+      "integrity": "sha512-3NyRMKIiFSJmIPdq7FxkNMJkQ7ZEtVblOQ38VtKaA0zZMW1Eo6Q6W8oDKEflr1kNNTItSnk4JMCO1deeSgbLLg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.7.6"
+      }
+    },
     "hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -53662,6 +53796,47 @@
       "dev": true,
       "peer": true
     },
+    "react-router": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz",
+      "integrity": "sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==",
+      "dev": true,
+      "requires": {
+        "history": "^5.2.0"
+      },
+      "dependencies": {
+        "history": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz",
+          "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==",
+          "dev": true,
+          "requires": {
+            "@babel/runtime": "^7.7.6"
+          }
+        }
+      }
+    },
+    "react-router-dom": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.3.0.tgz",
+      "integrity": "sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==",
+      "dev": true,
+      "requires": {
+        "history": "^5.2.0",
+        "react-router": "6.3.0"
+      },
+      "dependencies": {
+        "history": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz",
+          "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==",
+          "dev": true,
+          "requires": {
+            "@babel/runtime": "^7.7.6"
+          }
+        }
+      }
+    },
     "react-scripts": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz",
diff --git a/ui/package.json b/ui/package.json
index 83c8a3ff6..a5685550c 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -52,7 +52,7 @@
   },
   "devDependencies": {
     "@percy/cli": "1.2.1",
-    "@percy/storybook": "4.2.0",
+    "@percy/storybook": "4.2.1",
     "@storybook/builder-webpack5": "6.5.5",
     "@storybook/manager-webpack5": "6.5.5",
     "@storybook/preset-create-react-app": "4.1.1",