diff --git a/.pnp.cjs b/.pnp.cjs
index e71bbd62..f4c50c5b 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -63,7 +63,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@ziyadedher/eslint-config", "npm:3.1.1"],\
             ["autoprefixer", "virtual:9ab0fb16a81540c206b78c70ccd963211ec9ff4e2a0d9cee071b24c87d6795824e7098ca3eb448b1255ec036005f865de1ee3852e4fef756e2699bfb3496b2fe#npm:10.4.7"],\
             ["babel-loader", "virtual:9ab0fb16a81540c206b78c70ccd963211ec9ff4e2a0d9cee071b24c87d6795824e7098ca3eb448b1255ec036005f865de1ee3852e4fef756e2699bfb3496b2fe#npm:8.2.5"],\
-            ["chromatic", "npm:6.6.4"],\
+            ["chromatic", "npm:6.20.0"],\
             ["codecov", "npm:3.8.3"],\
             ["eslint", "npm:8.18.0"],\
             ["eslint-import-resolver-node", "npm:0.3.6"],\
@@ -11120,11 +11120,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["chromatic", [\
-        ["npm:6.6.4", {\
-          "packageLocation": "./.yarn/cache/chromatic-npm-6.6.4-f98f0d72ee-48f1fd5636.zip/node_modules/chromatic/",\
+        ["npm:6.20.0", {\
+          "packageLocation": "./.yarn/cache/chromatic-npm-6.20.0-db95ffe6b7-90d413144e.zip/node_modules/chromatic/",\
           "packageDependencies": [\
-            ["chromatic", "npm:6.6.4"],\
-            ["@types/webpack-env", "npm:1.17.0"]\
+            ["chromatic", "npm:6.20.0"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -23475,7 +23474,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@ziyadedher/eslint-config", "npm:3.1.1"],\
             ["autoprefixer", "virtual:9ab0fb16a81540c206b78c70ccd963211ec9ff4e2a0d9cee071b24c87d6795824e7098ca3eb448b1255ec036005f865de1ee3852e4fef756e2699bfb3496b2fe#npm:10.4.7"],\
             ["babel-loader", "virtual:9ab0fb16a81540c206b78c70ccd963211ec9ff4e2a0d9cee071b24c87d6795824e7098ca3eb448b1255ec036005f865de1ee3852e4fef756e2699bfb3496b2fe#npm:8.2.5"],\
-            ["chromatic", "npm:6.6.4"],\
+            ["chromatic", "npm:6.20.0"],\
             ["codecov", "npm:3.8.3"],\
             ["eslint", "npm:8.18.0"],\
             ["eslint-import-resolver-node", "npm:0.3.6"],\
diff --git a/.yarn/cache/chromatic-npm-6.20.0-db95ffe6b7-90d413144e.zip b/.yarn/cache/chromatic-npm-6.20.0-db95ffe6b7-90d413144e.zip
new file mode 100644
index 00000000..5d6a6bc1
Binary files /dev/null and b/.yarn/cache/chromatic-npm-6.20.0-db95ffe6b7-90d413144e.zip differ
diff --git a/.yarn/cache/chromatic-npm-6.6.4-f98f0d72ee-48f1fd5636.zip b/.yarn/cache/chromatic-npm-6.6.4-f98f0d72ee-48f1fd5636.zip
deleted file mode 100644
index dece9dbf..00000000
Binary files a/.yarn/cache/chromatic-npm-6.6.4-f98f0d72ee-48f1fd5636.zip and /dev/null differ
diff --git a/package.json b/package.json
index 40ab0dd1..f228590d 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
     "@ziyadedher/eslint-config": "3.1.1",
     "autoprefixer": "10.4.7",
     "babel-loader": "8.2.5",
-    "chromatic": "6.6.4",
+    "chromatic": "6.20.0",
     "codecov": "3.8.3",
     "eslint": "8.18.0",
     "eslint-import-resolver-node": "0.3.6",
diff --git a/yarn.lock b/yarn.lock
index c8000254..66a07a51 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4323,7 +4323,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/webpack-env@npm:^1.16.0, @types/webpack-env@npm:^1.17.0":
+"@types/webpack-env@npm:^1.16.0":
   version: 1.17.0
   resolution: "@types/webpack-env@npm:1.17.0"
   checksum: 9ad4d208c4429c9427191d1f4c92e4c43e530384c17a6bc298acb89003fc47fcde1d8372e50acefa3061e9100e57fd9d616e96def875afd06c0c2afe508f298e
@@ -6721,16 +6721,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chromatic@npm:6.6.4":
-  version: 6.6.4
-  resolution: "chromatic@npm:6.6.4"
-  dependencies:
-    "@types/webpack-env": ^1.17.0
+"chromatic@npm:6.20.0":
+  version: 6.20.0
+  resolution: "chromatic@npm:6.20.0"
   bin:
-    chroma: bin/main.cjs
-    chromatic: bin/main.cjs
-    chromatic-cli: bin/main.cjs
-  checksum: 48f1fd5636b2de12223d93da6bd73bd932e26423d09789eec3e4bc983fe8bd7db0483abe06b4157b63bc352285b2f3bd2556fce0fcf819dccd14fc29a2672f59
+    chroma: dist/bin.js
+    chromatic: dist/bin.js
+    chromatic-cli: dist/bin.js
+  checksum: 90d413144ea9502cb96fd0065a0cf2ece63d832da2d7fd93f9577fd09080cbeb829ce9ca1d2384d4f7739cc249aa09033ca61820ac3c1656ff92d6a4ba2fbd67
   languageName: node
   linkType: hard
 
@@ -17203,7 +17201,7 @@ __metadata:
     "@ziyadedher/eslint-config": 3.1.1
     autoprefixer: 10.4.7
     babel-loader: 8.2.5
-    chromatic: 6.6.4
+    chromatic: 6.20.0
     codecov: 3.8.3
     eslint: 8.18.0
     eslint-import-resolver-node: 0.3.6