diff --git a/package-lock.json b/package-lock.json
index 6ee0f4b80..b3572f4a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
         "@fortawesome/react-fontawesome": "0.2.2",
         "@openedx/frontend-plugin-framework": "^1.2.2",
         "@openedx/frontend-slot-footer": "^1.0.2",
-        "@openedx/paragon": "22.0.0",
+        "@openedx/paragon": "22.9.0",
         "@tensorflow-models/blazeface": "0.0.7",
         "@tensorflow/tfjs-converter": "3.21.0",
         "@tensorflow/tfjs-core": "3.21.0",
@@ -3356,7 +3356,9 @@
       }
     },
     "node_modules/@openedx/paragon": {
-      "version": "22.0.0",
+      "version": "22.9.0",
+      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-22.9.0.tgz",
+      "integrity": "sha512-r5xD+z64U3phkgT4ooUQaxE/4Rv0D91tpS3kA+mLfOT1vMD8jXIjDZp+/k4BEw4yqWQ8Eyb//ar8xiwL/ugojQ==",
       "license": "Apache-2.0",
       "workspaces": [
         "example",
@@ -3407,6 +3409,8 @@
     },
     "node_modules/@openedx/paragon/node_modules/@fortawesome/react-fontawesome": {
       "version": "0.1.19",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.19.tgz",
+      "integrity": "sha512-Hyb+lB8T18cvLNX0S3llz7PcSOAJMLwiVKBuuzwM/nI5uoBw+gQjnf9il0fR1C3DKOI5Kc79pkJ4/xB0Uw9aFQ==",
       "license": "MIT",
       "dependencies": {
         "prop-types": "^15.8.1"
@@ -3418,6 +3422,8 @@
     },
     "node_modules/@openedx/paragon/node_modules/brace-expansion": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
@@ -3425,6 +3431,9 @@
     },
     "node_modules/@openedx/paragon/node_modules/glob": {
       "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
       "license": "ISC",
       "dependencies": {
         "fs.realpath": "^1.0.0",
@@ -3442,6 +3451,8 @@
     },
     "node_modules/@openedx/paragon/node_modules/minimatch": {
       "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
       "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
diff --git a/package.json b/package.json
index dee48ac42..d7df66233 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
     "@fortawesome/react-fontawesome": "0.2.2",
     "@openedx/frontend-plugin-framework": "^1.2.2",
     "@openedx/frontend-slot-footer": "^1.0.2",
-    "@openedx/paragon": "22.0.0",
+    "@openedx/paragon": "22.9.0",
     "@tensorflow-models/blazeface": "0.0.7",
     "@tensorflow/tfjs-converter": "3.21.0",
     "@tensorflow/tfjs-core": "3.21.0",
diff --git a/src/account-settings/delete-account/__snapshots__/ConfirmationModal.test.jsx.snap b/src/account-settings/delete-account/__snapshots__/ConfirmationModal.test.jsx.snap
index 702183822..a38f83aed 100644
--- a/src/account-settings/delete-account/__snapshots__/ConfirmationModal.test.jsx.snap
+++ b/src/account-settings/delete-account/__snapshots__/ConfirmationModal.test.jsx.snap
@@ -41,7 +41,7 @@ exports[`ConfirmationModal should match empty password confirmation modal snapsh
       />
       <div
         aria-label="Are you sure?"
-        className="pgn__modal pgn__modal-md pgn__modal-default pgn__alert-modal"
+        className="pgn__modal pgn__modal-md pgn__modal-default pgn__modal-visible-overflow pgn__alert-modal"
         role="dialog"
       >
         <div
@@ -242,7 +242,7 @@ exports[`ConfirmationModal should match open confirmation modal snapshot 1`] = `
       />
       <div
         aria-label="Are you sure?"
-        className="pgn__modal pgn__modal-md pgn__modal-default pgn__alert-modal"
+        className="pgn__modal pgn__modal-md pgn__modal-default pgn__modal-visible-overflow pgn__alert-modal"
         role="dialog"
       >
         <div