diff --git a/package-lock.json b/package-lock.json
index d35040b9..59e70f16 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@fortawesome/free-regular-svg-icons": "6.5.2",
         "@fortawesome/free-solid-svg-icons": "6.5.2",
         "@fortawesome/react-fontawesome": "^0.2.0",
-        "@openedx/paragon": "^21.11.0",
+        "@openedx/paragon": "^22.0.0",
         "@reduxjs/toolkit": "1.9.7",
         "axios-mock-adapter": "1.22.0",
         "babel-polyfill": "6.26.0",
@@ -3446,9 +3446,16 @@
       }
     },
     "node_modules/@openedx/paragon": {
-      "version": "21.11.4",
-      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-21.11.4.tgz",
-      "integrity": "sha512-H6ugkFPtR6TvwBEdUKUDeJON1RYZq/K7luOfqZOoud3f9rzxJpeMexwViXNkG1l1YM4Vl9RAFVUNJknnNmzVNQ==",
+      "version": "22.4.0",
+      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-22.4.0.tgz",
+      "integrity": "sha512-0dbff4cz1QCZL4hvyIke5o2m6z7xQKO8O12fyHrijL9izL0jjhPNKwcT2U2VLF/rOKx/AgPH3PMtZhlib+t1ew==",
+      "workspaces": [
+        "example",
+        "component-generator",
+        "www",
+        "icons",
+        "dependent-usage-analyzer"
+      ],
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.1.1",
         "@fortawesome/react-fontawesome": "^0.1.18",
diff --git a/package.json b/package.json
index 78489c22..03fed4a6 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,7 @@
     "@fortawesome/free-regular-svg-icons": "6.5.2",
     "@fortawesome/free-solid-svg-icons": "6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@openedx/paragon": "^21.11.0",
+    "@openedx/paragon": "^22.0.0",
     "@reduxjs/toolkit": "1.9.7",
     "axios-mock-adapter": "1.22.0",
     "babel-polyfill": "6.26.0",