diff --git a/web/package-lock.json b/web/package-lock.json
index 1ab9e35f8..e5d7ebeb5 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -13,7 +13,7 @@
         "@angular/compiler": "~12.2.5",
         "@angular/core": "~12.2.5",
         "@angular/forms": "~12.2.5",
-        "@angular/material": "^12.2.5",
+        "@angular/material": "^19.1.0",
         "@angular/platform-browser": "~12.2.5",
         "@angular/platform-browser-dynamic": "~12.2.5",
         "@angular/router": "~12.2.5",
@@ -885,19 +885,20 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "12.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-12.2.5.tgz",
-      "integrity": "sha512-oQMNxxDtcR3evZaOdTyzCWRCHcM6V4AGJx4pbyzEpYPo9j4iKFGtTPLGEkWtsWNFZp/g7E7gx0sU3ssjRDt7Dw==",
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.1.0.tgz",
+      "integrity": "sha512-LTQBWtuRGjNpA7ceQu9PyiUUq0KLfBP8LvL04hLFbEsZ0fIPQ/OO/Otn67/7TMtnHRFnPeezYPHcAHBhiNlR4A==",
       "dependencies": {
-        "tslib": "^2.2.0"
+        "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^12.0.0 || ^13.0.0-0",
-        "@angular/cdk": "12.2.5",
-        "@angular/common": "^12.0.0 || ^13.0.0-0",
-        "@angular/core": "^12.0.0 || ^13.0.0-0",
-        "@angular/forms": "^12.0.0 || ^13.0.0-0",
-        "rxjs": "^6.5.3 || ^7.0.0"
+        "@angular/animations": "^19.0.0 || ^20.0.0",
+        "@angular/cdk": "19.1.0",
+        "@angular/common": "^19.0.0 || ^20.0.0",
+        "@angular/core": "^19.0.0 || ^20.0.0",
+        "@angular/forms": "^19.0.0 || ^20.0.0",
+        "@angular/platform-browser": "^19.0.0 || ^20.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/platform-browser": {
@@ -18768,11 +18769,11 @@
       }
     },
     "@angular/material": {
-      "version": "12.2.5",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-12.2.5.tgz",
-      "integrity": "sha512-oQMNxxDtcR3evZaOdTyzCWRCHcM6V4AGJx4pbyzEpYPo9j4iKFGtTPLGEkWtsWNFZp/g7E7gx0sU3ssjRDt7Dw==",
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.1.0.tgz",
+      "integrity": "sha512-LTQBWtuRGjNpA7ceQu9PyiUUq0KLfBP8LvL04hLFbEsZ0fIPQ/OO/Otn67/7TMtnHRFnPeezYPHcAHBhiNlR4A==",
       "requires": {
-        "tslib": "^2.2.0"
+        "tslib": "^2.3.0"
       }
     },
     "@angular/platform-browser": {
diff --git a/web/package.json b/web/package.json
index b524a2a58..5867c1245 100644
--- a/web/package.json
+++ b/web/package.json
@@ -19,7 +19,7 @@
     "@angular/compiler": "~12.2.5",
     "@angular/core": "~12.2.5",
     "@angular/forms": "~12.2.5",
-    "@angular/material": "^12.2.5",
+    "@angular/material": "^19.1.0",
     "@angular/platform-browser": "~12.2.5",
     "@angular/platform-browser-dynamic": "~12.2.5",
     "@angular/router": "~12.2.5",