diff --git a/src-ui/package-lock.json b/src-ui/package-lock.json
index f5fe23137..2f9f0aa56 100644
--- a/src-ui/package-lock.json
+++ b/src-ui/package-lock.json
@@ -24,7 +24,7 @@
         "file-saver": "^2.0.5",
         "ng2-pdf-viewer": "^7.0.2",
         "ngx-bootstrap": "^8.0.0",
-        "ngx-color": "^6.2.0",
+        "ngx-color": "^7.3.3",
         "ngx-cookie-service": "^13.1.2",
         "ngx-file-drop": "^11.1.0",
         "ngx-infinite-scroll": "^9.1.0",
@@ -8608,13 +8608,17 @@
       }
     },
     "node_modules/ngx-color": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/ngx-color/-/ngx-color-6.2.0.tgz",
-      "integrity": "sha512-n04tcMnCpOgmI24egST94YwHmnSoAxK8O1T2t3nGrTwWbvw5XBRJvImNFnoNrriBXzc4Gx4hFehH5MU8CZxp1w==",
+      "version": "7.3.3",
+      "resolved": "https://registry.npmjs.org/ngx-color/-/ngx-color-7.3.3.tgz",
+      "integrity": "sha512-RyMIFMC5/aYYD/jkfStOUjr3gQfTGhgiiMxuZEfxt2o4GYmb3C/06C1o0S6Mj9qHAcKlG6soioq2MzdhtIswHw==",
       "dependencies": {
-        "@ctrl/tinycolor": "^3.1.6",
+        "@ctrl/tinycolor": "^3.4.0",
         "material-colors": "^1.2.6",
-        "tslib": "^2.0.0"
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=12.0.0-0",
+        "@angular/core": ">=12.0.0-0"
       }
     },
     "node_modules/ngx-cookie-service": {
@@ -19452,13 +19456,13 @@
       }
     },
     "ngx-color": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/ngx-color/-/ngx-color-6.2.0.tgz",
-      "integrity": "sha512-n04tcMnCpOgmI24egST94YwHmnSoAxK8O1T2t3nGrTwWbvw5XBRJvImNFnoNrriBXzc4Gx4hFehH5MU8CZxp1w==",
+      "version": "7.3.3",
+      "resolved": "https://registry.npmjs.org/ngx-color/-/ngx-color-7.3.3.tgz",
+      "integrity": "sha512-RyMIFMC5/aYYD/jkfStOUjr3gQfTGhgiiMxuZEfxt2o4GYmb3C/06C1o0S6Mj9qHAcKlG6soioq2MzdhtIswHw==",
       "requires": {
-        "@ctrl/tinycolor": "^3.1.6",
+        "@ctrl/tinycolor": "^3.4.0",
         "material-colors": "^1.2.6",
-        "tslib": "^2.0.0"
+        "tslib": "^2.3.0"
       }
     },
     "ngx-cookie-service": {
diff --git a/src-ui/package.json b/src-ui/package.json
index 6932cf2e6..f16c6961c 100644
--- a/src-ui/package.json
+++ b/src-ui/package.json
@@ -27,7 +27,7 @@
     "file-saver": "^2.0.5",
     "ng2-pdf-viewer": "^7.0.2",
     "ngx-bootstrap": "^8.0.0",
-    "ngx-color": "^6.2.0",
+    "ngx-color": "^7.3.3",
     "ngx-cookie-service": "^13.1.2",
     "ngx-file-drop": "^11.1.0",
     "ngx-infinite-scroll": "^9.1.0",