diff --git a/package-lock.json b/package-lock.json
index eb62e2cbb..18fe8eda3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,7 +37,7 @@
         "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
         "@edx/browserslist-config": "1.2.0",
         "@openedx/frontend-build": "13.0.27",
-        "@openedx/paragon": "21.13.1",
+        "@openedx/paragon": "22.0.0",
         "@testing-library/jest-dom": "6.2.0",
         "@testing-library/react": "12.1.5",
         "@testing-library/react-hooks": "^8.0.1",
@@ -56,7 +56,7 @@
       },
       "peerDependencies": {
         "@openedx/frontend-build": ">= 13.0.15",
-        "@openedx/paragon": "^21.5.7",
+        "@openedx/paragon": ">= 21.5.7",
         "prop-types": "^15.7.2",
         "react": "^16.9.0 || ^17.0.0",
         "react-dom": "^16.9.0 || ^17.0.0",
@@ -5891,9 +5891,9 @@
       }
     },
     "node_modules/@openedx/paragon": {
-      "version": "21.13.1",
-      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-21.13.1.tgz",
-      "integrity": "sha512-sLL+Z3ZWIRM6x+OrKZV0S7/SQpEcSeRcDm7E3FzhsnAWudsJCTELvSW+84uy/8dwV7mJhttsBPqQEtNafbCyYA==",
+      "version": "22.0.0",
+      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-22.0.0.tgz",
+      "integrity": "sha512-2tD5SEu6kNf2Llop/FylqTI87mlG0jaeAhGiX57bABcHZ/cDParCxX/unPiui6LCfdrDhghjVBKD3U2+Qn6Wag==",
       "dev": true,
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.1.1",
diff --git a/package.json b/package.json
index 859c3a93e..b5b0e825a 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
     "@edx/browserslist-config": "1.2.0",
     "@openedx/frontend-build": "13.0.27",
-    "@openedx/paragon": "21.13.1",
+    "@openedx/paragon": "22.0.0",
     "@testing-library/jest-dom": "6.2.0",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
@@ -75,7 +75,7 @@
   },
   "peerDependencies": {
     "@openedx/frontend-build": ">= 13.0.15",
-    "@openedx/paragon": "^21.5.7",
+    "@openedx/paragon": ">= 21.5.7 < 23.0.0",
     "prop-types": "^15.7.2",
     "react": "^16.9.0 || ^17.0.0",
     "react-dom": "^16.9.0 || ^17.0.0",