diff --git a/frontend/ng-karaoqueue/package-lock.json b/frontend/ng-karaoqueue/package-lock.json
index b77eb3e..bc675c9 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": "~9.1.2",
+        "@angular/cdk": "~10.2.7",
         "@angular/common": "~12.2.16",
         "@angular/compiler": "~12.2.16",
         "@angular/core": "~12.2.16",
         "@angular/forms": "~12.2.16",
-        "@angular/material": "^9.1.2",
+        "@angular/material": "^10.2.7",
         "@angular/platform-browser": "~12.2.16",
         "@angular/platform-browser-dynamic": "~12.2.16",
         "@angular/router": "~12.2.16",
@@ -186,16 +186,18 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.1.3.tgz",
-      "integrity": "sha512-K6XJzfqP+PE0ahyBUYrnoW+3ocwDpPN3dE9a+XRtZ0vM4P/FElweWj5zjNwWktb+uF9yal6oMPWXJNOAfonpPw==",
+      "version": "10.2.7",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-10.2.7.tgz",
+      "integrity": "sha512-ZQjDfTRTn7JuAKsf3jiIdU2XBaxxGBi/ZWYv5Pb3HCl6B4PISsIE5VWRhkoUogoAB0MiFHpjnWeIqknJEm11YQ==",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
       "optionalDependencies": {
         "parse5": "^5.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "^9.0.0 || ^10.0.0-0",
-        "@angular/core": "^9.0.0 || ^10.0.0-0",
-        "tslib": "^1.9.0"
+        "@angular/common": "^10.0.0 || ^11.0.0-0",
+        "@angular/core": "^10.0.0 || ^11.0.0-0"
       }
     },
     "node_modules/@angular/cdk/node_modules/parse5": {
@@ -401,16 +403,18 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "9.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-9.2.4.tgz",
-      "integrity": "sha512-LkoTXE6B0slvMhvfZDdPWaz4yaYLkaAp5VSPunI9pxGsPxzqEV9e210wC1/sjG/76Nk8Ep7/2z9XKac8Q9bMwA==",
+      "version": "10.2.7",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-10.2.7.tgz",
+      "integrity": "sha512-uk6JkRrKHaM9VFMzX7pWC83YNLVgXPB3D8U1yjSOafCdWwrRZgUHGr8MPlSILCr3o2nxgg5SsKdWcWwHuXXUZA==",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
       "peerDependencies": {
-        "@angular/animations": "^9.0.0 || ^10.0.0-0",
-        "@angular/cdk": "9.2.4",
-        "@angular/common": "^9.0.0 || ^10.0.0-0",
-        "@angular/core": "^9.0.0 || ^10.0.0-0",
-        "@angular/forms": "^9.0.0 || ^10.0.0-0",
-        "tslib": "^1.9.0"
+        "@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"
       }
     },
     "node_modules/@angular/platform-browser": {
@@ -6603,11 +6607,12 @@
       }
     },
     "@angular/cdk": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.1.3.tgz",
-      "integrity": "sha512-K6XJzfqP+PE0ahyBUYrnoW+3ocwDpPN3dE9a+XRtZ0vM4P/FElweWj5zjNwWktb+uF9yal6oMPWXJNOAfonpPw==",
+      "version": "10.2.7",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-10.2.7.tgz",
+      "integrity": "sha512-ZQjDfTRTn7JuAKsf3jiIdU2XBaxxGBi/ZWYv5Pb3HCl6B4PISsIE5VWRhkoUogoAB0MiFHpjnWeIqknJEm11YQ==",
       "requires": {
-        "parse5": "^5.0.0"
+        "parse5": "^5.0.0",
+        "tslib": "^2.0.0"
       },
       "dependencies": {
         "parse5": {
@@ -6753,10 +6758,12 @@
       "dev": true
     },
     "@angular/material": {
-      "version": "9.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-9.2.4.tgz",
-      "integrity": "sha512-LkoTXE6B0slvMhvfZDdPWaz4yaYLkaAp5VSPunI9pxGsPxzqEV9e210wC1/sjG/76Nk8Ep7/2z9XKac8Q9bMwA==",
-      "requires": {}
+      "version": "10.2.7",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-10.2.7.tgz",
+      "integrity": "sha512-uk6JkRrKHaM9VFMzX7pWC83YNLVgXPB3D8U1yjSOafCdWwrRZgUHGr8MPlSILCr3o2nxgg5SsKdWcWwHuXXUZA==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
     },
     "@angular/platform-browser": {
       "version": "12.2.16",
@@ -9398,8 +9405,7 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-1.7.0.tgz",
       "integrity": "sha512-pzum1TL7j90DTE86eFt48/s12hqwQuiD+e5aXx2Dc9wDEn2LfGq6RoAxEZZjFiN0RDSCOnosEKRZWxbQ+iMpQQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "lie": {
       "version": "3.3.0",
@@ -11422,8 +11428,7 @@
       "version": "8.2.3",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
       "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "xml2js": {
       "version": "0.4.23",
diff --git a/frontend/ng-karaoqueue/package.json b/frontend/ng-karaoqueue/package.json
index b63f323..fc65831 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": "~9.1.2",
+    "@angular/cdk": "~10.2.7",
     "@angular/common": "~12.2.16",
     "@angular/compiler": "~12.2.16",
     "@angular/core": "~12.2.16",
     "@angular/forms": "~12.2.16",
-    "@angular/material": "^9.1.2",
+    "@angular/material": "^10.2.7",
     "@angular/platform-browser": "~12.2.16",
     "@angular/platform-browser-dynamic": "~12.2.16",
     "@angular/router": "~12.2.16",
@@ -48,4 +48,4 @@
     "tslint": "~6.1.0",
     "typescript": "~4.3.5"
   }
-}
+}
\ No newline at end of file