diff --git a/web/package-lock.json b/web/package-lock.json
index 1ab9e35f8..a46af4ded 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.0.3",
         "@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.0.3",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.0.3.tgz",
+      "integrity": "sha512-aHAnmEzoE6nEF7S/lBlMwDMs6ZEkvE3omg9g6jY6WyKWtP9HYeCfwxmTPVclqcbXWxJWO/5Bvwfcjzs75uC+YA==",
       "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.0.3",
+        "@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.0.3",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.0.3.tgz",
+      "integrity": "sha512-aHAnmEzoE6nEF7S/lBlMwDMs6ZEkvE3omg9g6jY6WyKWtP9HYeCfwxmTPVclqcbXWxJWO/5Bvwfcjzs75uC+YA==",
       "requires": {
-        "tslib": "^2.2.0"
+        "tslib": "^2.3.0"
       }
     },
     "@angular/platform-browser": {
diff --git a/web/package.json b/web/package.json
index b524a2a58..7cdc5565d 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.0.3",
     "@angular/platform-browser": "~12.2.5",
     "@angular/platform-browser-dynamic": "~12.2.5",
     "@angular/router": "~12.2.5",