diff --git a/package-lock.json b/package-lock.json
index e9f2e8cd50ac6..ffcc6b27d6570 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,7 +35,7 @@
         "browserslist-useragent-regexp": "^4.1.4",
         "color": "^5.0.3",
         "core-js": "^3.51.0",
-        "cropperjs": "^1.7.0",
+        "cropperjs": "^2.3.1",
         "debounce": "^3.0.0",
         "dompurify": "^3.4.17",
         "escape-html": "^1.0.3",
@@ -274,6 +274,126 @@
         "vue": "^3.2.0"
       }
     },
+    "node_modules/@cropper/element": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/element/-/element-2.3.1.tgz",
+      "integrity": "sha512-CgrLOx0qERWlfJK1Ed6ePq7SXcB6gLHtj3mtDVypyzti70fJdmNxrFm5Ucbq8vpp2Yo3tW2L6uDI0IBDoiT17A==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/utils": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/element-canvas": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/element-canvas/-/element-canvas-2.3.1.tgz",
+      "integrity": "sha512-UH3VMyjn58PdwYkPiTHuvRUjGzmyKr6E2pYWxTxN/04wnjgYLA77B5u5c1HhV6vD1ZKSvxJ/i9TkiySR9P1D6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/element": "^2.3.1",
+        "@cropper/utils": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/element-crosshair": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/element-crosshair/-/element-crosshair-2.3.1.tgz",
+      "integrity": "sha512-Vz2heRwr2nd2rZ161vKyE4JwYV3eSodGCGGZq39TR0LICGOOeggLq0R664Af/eFB9PU8+tfJ42lWLoUdxQlVJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/element": "^2.3.1",
+        "@cropper/utils": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/element-grid": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/element-grid/-/element-grid-2.3.1.tgz",
+      "integrity": "sha512-6LDaUDxH2xdA7biTcqnihPQVHjlT4bXysA403s9rU4jo5f4pPnFHtNbB+FQTYKNz5EKun52WgVtR+6oWbmbxlg==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/element": "^2.3.1",
+        "@cropper/utils": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/element-handle": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/element-handle/-/element-handle-2.3.1.tgz",
+      "integrity": "sha512-ygLw89PWu9k8SuKW7rjRBpD6ZfmtVr5ayWux9YKHU7PxX0SeL5kbCD+PpOxQB1ycW4UcyH0tHt77EWnsdSoOHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/element": "^2.3.1",
+        "@cropper/utils": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/element-image": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/element-image/-/element-image-2.3.1.tgz",
+      "integrity": "sha512-rPE7OX/BPTw66+DjpN5aOuPb1xSAjQMgAJZXdRgmeJnn0YcDDhfGQm8VwcL8/PMLxtWFcKEM+aUiezbO01j4fg==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/element": "^2.3.1",
+        "@cropper/element-canvas": "^2.3.1",
+        "@cropper/utils": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/element-selection": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/element-selection/-/element-selection-2.3.1.tgz",
+      "integrity": "sha512-b8sabaFbHeQYY459uItDIeDY0IisZBO/wF+SYhKvAgI8TExj/f2mNcBZXjPHYCkWel2+1BSUTTNZxy+tR8sDEA==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/element": "^2.3.1",
+        "@cropper/element-canvas": "^2.3.1",
+        "@cropper/element-image": "^2.3.1",
+        "@cropper/utils": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/element-shade": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/element-shade/-/element-shade-2.3.1.tgz",
+      "integrity": "sha512-X5ceZsy7iBxuIRhsL05H9+cPYzxZuvM7/9j5irXIbNsDiNwTedxIHdjhEhPbUYa+FaNn9wsKId24AEyH43JTGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/element": "^2.3.1",
+        "@cropper/element-canvas": "^2.3.1",
+        "@cropper/element-selection": "^2.3.1",
+        "@cropper/utils": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/element-viewer": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/element-viewer/-/element-viewer-2.3.1.tgz",
+      "integrity": "sha512-EdrYDbnkj0IOl/kyWKzzvcDRobr7Tfzho7FkVu8mpSk1ILDHmVf8pfZrYVwou8l4znLqp8ZqwuabAezJPfC2Yg==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/element": "^2.3.1",
+        "@cropper/element-canvas": "^2.3.1",
+        "@cropper/element-image": "^2.3.1",
+        "@cropper/element-selection": "^2.3.1",
+        "@cropper/utils": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/elements": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/elements/-/elements-2.3.1.tgz",
+      "integrity": "sha512-+D5rFlfFlWSL1lp0vPYI59/R6XM2vMnTSX0/B1zKRvmkc0t0N0m9lxVsaDb+9RkHx6PwAkBBNPZSRUeau33jMg==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/element": "^2.3.1",
+        "@cropper/element-canvas": "^2.3.1",
+        "@cropper/element-crosshair": "^2.3.1",
+        "@cropper/element-grid": "^2.3.1",
+        "@cropper/element-handle": "^2.3.1",
+        "@cropper/element-image": "^2.3.1",
+        "@cropper/element-selection": "^2.3.1",
+        "@cropper/element-shade": "^2.3.1",
+        "@cropper/element-viewer": "^2.3.1"
+      }
+    },
+    "node_modules/@cropper/utils": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@cropper/utils/-/utils-2.3.1.tgz",
+      "integrity": "sha512-b5qFTwws/osx0asIGLK1V//hdL08frGvfpi6s+p6zj5XH05ofVcz0Xl+Tot7sUx12pbfhhAlsquQTOJ1IsOoFw==",
+      "license": "MIT"
+    },
     "node_modules/@csstools/color-helpers": {
       "version": "6.1.2",
       "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.1.2.tgz",
@@ -6545,10 +6665,14 @@
       "license": "MIT"
     },
     "node_modules/cropperjs": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/cropperjs/-/cropperjs-1.7.0.tgz",
-      "integrity": "sha512-AkGnZxr7xAJBa63ObXq5ZKLkh9c8wisC+Ym8VzIDn3KZ+6qRTbBnOl2w2dFOTMzLP5IcfOpEK9PICDywNXhncg==",
-      "license": "MIT"
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/cropperjs/-/cropperjs-2.3.1.tgz",
+      "integrity": "sha512-bgy+iHRFjsBxBCriXkTuFuHRJGSGZISuqDGhDQG7gLK0F7qOzhH06bdXzGf4b0bZSQ+mApakybiW9xvKnS9dbg==",
+      "license": "MIT",
+      "dependencies": {
+        "@cropper/elements": "^2.3.1",
+        "@cropper/utils": "^2.3.1"
+      }
     },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
diff --git a/package.json b/package.json
index c4836afa4d8b7..b24d62486bafa 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,7 @@
     "browserslist-useragent-regexp": "^4.1.4",
     "color": "^5.0.3",
     "core-js": "^3.51.0",
-    "cropperjs": "^1.7.0",
+    "cropperjs": "^2.3.1",
     "debounce": "^3.0.0",
     "dompurify": "^3.4.17",
     "escape-html": "^1.0.3",