diff --git a/frontend/ng-karaoqueue/package-lock.json b/frontend/ng-karaoqueue/package-lock.json
index bc675c9..e88fee3 100644
--- a/frontend/ng-karaoqueue/package-lock.json
+++ b/frontend/ng-karaoqueue/package-lock.json
@@ -9,12 +9,12 @@
       "version": "0.0.0",
       "dependencies": {
         "@angular/animations": "~12.2.16",
-        "@angular/cdk": "~10.2.7",
+        "@angular/cdk": "~11.2.13",
         "@angular/common": "~12.2.16",
         "@angular/compiler": "~12.2.16",
         "@angular/core": "~12.2.16",
         "@angular/forms": "~12.2.16",
-        "@angular/material": "^10.2.7",
+        "@angular/material": "^11.2.13",
         "@angular/platform-browser": "~12.2.16",
         "@angular/platform-browser-dynamic": "~12.2.16",
         "@angular/router": "~12.2.16",
@@ -186,9 +186,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "10.2.7",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-10.2.7.tgz",
-      "integrity": "sha512-ZQjDfTRTn7JuAKsf3jiIdU2XBaxxGBi/ZWYv5Pb3HCl6B4PISsIE5VWRhkoUogoAB0MiFHpjnWeIqknJEm11YQ==",
+      "version": "11.2.13",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-11.2.13.tgz",
+      "integrity": "sha512-FkE4iCwoLbQxLDUOjV1I7M/6hmpyb7erAjEdWgch7nGRNxF1hqX5Bqf1lvLFKPNCbx5NRI5K7YVAdIUQUR8vug==",
       "dependencies": {
         "tslib": "^2.0.0"
       },
@@ -196,8 +196,8 @@
         "parse5": "^5.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "^10.0.0 || ^11.0.0-0",
-        "@angular/core": "^10.0.0 || ^11.0.0-0"
+        "@angular/common": "^11.0.0 || ^12.0.0-0",
+        "@angular/core": "^11.0.0 || ^12.0.0-0"
       }
     },
     "node_modules/@angular/cdk/node_modules/parse5": {
@@ -403,18 +403,18 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "10.2.7",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-10.2.7.tgz",
-      "integrity": "sha512-uk6JkRrKHaM9VFMzX7pWC83YNLVgXPB3D8U1yjSOafCdWwrRZgUHGr8MPlSILCr3o2nxgg5SsKdWcWwHuXXUZA==",
+      "version": "11.2.13",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-11.2.13.tgz",
+      "integrity": "sha512-FqFdGSkOtqsmeLyTSousodDGUy2NqbtxCIKv2rwbsIRwHNKB0KpR/UQhA2gMRuGa5hxhMJ0DW0Tf9neMRuLCTg==",
       "dependencies": {
         "tslib": "^2.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^10.0.0 || ^11.0.0-0",
-        "@angular/cdk": "10.2.7",
-        "@angular/common": "^10.0.0 || ^11.0.0-0",
-        "@angular/core": "^10.0.0 || ^11.0.0-0",
-        "@angular/forms": "^10.0.0 || ^11.0.0-0"
+        "@angular/animations": "^11.0.0 || ^12.0.0-0",
+        "@angular/cdk": "11.2.13",
+        "@angular/common": "^11.0.0 || ^12.0.0-0",
+        "@angular/core": "^11.0.0 || ^12.0.0-0",
+        "@angular/forms": "^11.0.0 || ^12.0.0-0"
       }
     },
     "node_modules/@angular/platform-browser": {
@@ -6607,9 +6607,9 @@
       }
     },
     "@angular/cdk": {
-      "version": "10.2.7",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-10.2.7.tgz",
-      "integrity": "sha512-ZQjDfTRTn7JuAKsf3jiIdU2XBaxxGBi/ZWYv5Pb3HCl6B4PISsIE5VWRhkoUogoAB0MiFHpjnWeIqknJEm11YQ==",
+      "version": "11.2.13",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-11.2.13.tgz",
+      "integrity": "sha512-FkE4iCwoLbQxLDUOjV1I7M/6hmpyb7erAjEdWgch7nGRNxF1hqX5Bqf1lvLFKPNCbx5NRI5K7YVAdIUQUR8vug==",
       "requires": {
         "parse5": "^5.0.0",
         "tslib": "^2.0.0"
@@ -6758,9 +6758,9 @@
       "dev": true
     },
     "@angular/material": {
-      "version": "10.2.7",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-10.2.7.tgz",
-      "integrity": "sha512-uk6JkRrKHaM9VFMzX7pWC83YNLVgXPB3D8U1yjSOafCdWwrRZgUHGr8MPlSILCr3o2nxgg5SsKdWcWwHuXXUZA==",
+      "version": "11.2.13",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-11.2.13.tgz",
+      "integrity": "sha512-FqFdGSkOtqsmeLyTSousodDGUy2NqbtxCIKv2rwbsIRwHNKB0KpR/UQhA2gMRuGa5hxhMJ0DW0Tf9neMRuLCTg==",
       "requires": {
         "tslib": "^2.0.0"
       }
diff --git a/frontend/ng-karaoqueue/package.json b/frontend/ng-karaoqueue/package.json
index fc65831..377c9be 100644
--- a/frontend/ng-karaoqueue/package.json
+++ b/frontend/ng-karaoqueue/package.json
@@ -13,12 +13,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~12.2.16",
-    "@angular/cdk": "~10.2.7",
+    "@angular/cdk": "~11.2.13",
     "@angular/common": "~12.2.16",
     "@angular/compiler": "~12.2.16",
     "@angular/core": "~12.2.16",
     "@angular/forms": "~12.2.16",
-    "@angular/material": "^10.2.7",
+    "@angular/material": "^11.2.13",
     "@angular/platform-browser": "~12.2.16",
     "@angular/platform-browser-dynamic": "~12.2.16",
     "@angular/router": "~12.2.16",