diff --git a/package-lock.json b/package-lock.json
index 22d22a909..70a517070 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@angular/common": "^12.2.4",
         "@angular/core": "^12.2.4",
         "@angular/forms": "^12.2.4",
-        "@angular/material": "^12.2.4",
+        "@angular/material": "^14.0.4",
         "@angular/platform-browser": "^12.2.4",
         "@angular/platform-browser-dynamic": "^12.2.4",
         "@angular/router": "^12.2.4",
@@ -840,19 +840,20 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "12.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-12.2.4.tgz",
-      "integrity": "sha512-Hvo6QjUqzlq0OJBAKT0pUiKymCqGUunZi0HX+oL/iga5qVfU4OGSjxaGEuv5stBEDZ7PARaV1pd56X18HQRUew==",
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-14.0.4.tgz",
+      "integrity": "sha512-Ysz6oPbpLH7CvRR6oxQwpUImSbFqxL4+eiH0LPc7vkaOSrvGdZ/7cWhAfT6hVnw3bEY+eq5qBSMgyVUB44z4eg==",
       "dependencies": {
-        "tslib": "^2.2.0"
+        "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^12.0.0 || ^13.0.0-0",
-        "@angular/cdk": "12.2.4",
-        "@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": "^14.0.0 || ^15.0.0",
+        "@angular/cdk": "14.0.4",
+        "@angular/common": "^14.0.0 || ^15.0.0",
+        "@angular/core": "^14.0.0 || ^15.0.0",
+        "@angular/forms": "^14.0.0 || ^15.0.0",
+        "@angular/platform-browser": "^14.0.0 || ^15.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/platform-browser": {
@@ -25984,11 +25985,11 @@
       "dev": true
     },
     "@angular/material": {
-      "version": "12.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-12.2.4.tgz",
-      "integrity": "sha512-Hvo6QjUqzlq0OJBAKT0pUiKymCqGUunZi0HX+oL/iga5qVfU4OGSjxaGEuv5stBEDZ7PARaV1pd56X18HQRUew==",
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-14.0.4.tgz",
+      "integrity": "sha512-Ysz6oPbpLH7CvRR6oxQwpUImSbFqxL4+eiH0LPc7vkaOSrvGdZ/7cWhAfT6hVnw3bEY+eq5qBSMgyVUB44z4eg==",
       "requires": {
-        "tslib": "^2.2.0"
+        "tslib": "^2.3.0"
       }
     },
     "@angular/platform-browser": {
diff --git a/package.json b/package.json
index 1efe10ecf..a266736f0 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "@angular/common": "^12.2.4",
     "@angular/core": "^12.2.4",
     "@angular/forms": "^12.2.4",
-    "@angular/material": "^12.2.4",
+    "@angular/material": "^14.0.4",
     "@angular/platform-browser": "^12.2.4",
     "@angular/platform-browser-dynamic": "^12.2.4",
     "@angular/router": "^12.2.4",