diff --git a/package-lock.json b/package-lock.json
index c78dee7..3220d62 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,12 +9,12 @@
       "version": "0.0.0",
       "dependencies": {
         "@angular/animations": "^13.0.2",
-        "@angular/cdk": "^12.0.4",
+        "@angular/cdk": "^13.0.2",
         "@angular/common": "^13.0.2",
         "@angular/compiler": "^13.0.2",
         "@angular/core": "^13.0.2",
         "@angular/forms": "^13.0.2",
-        "@angular/material": "^12.0.4",
+        "@angular/material": "^13.0.2",
         "@angular/platform-browser": "^13.0.2",
         "@angular/platform-browser-dynamic": "^13.0.2",
         "@angular/router": "^13.0.2",
@@ -528,19 +528,19 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "12.0.4",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-12.0.4.tgz",
-      "integrity": "sha512-NX/1kEc6ndyEHjGcMtMJYEjwmoURuwRSqKJLbGcHTUwXuuR+hfDP/vU1XDOeXNC80SV+0B4BpJnREkINILfYKw==",
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-13.0.2.tgz",
+      "integrity": "sha512-m7RHIAXpFpgsrydhWXX1hAXRmQpQ+m9eRCYAoz8QiDCchYyVvTaxkZ8J7XGS8RtJ2EiocXSp4TlwQQrpXe+4lg==",
       "dependencies": {
-        "tslib": "^2.1.0"
+        "tslib": "^2.3.0"
       },
       "optionalDependencies": {
         "parse5": "^5.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "^12.0.0 || ^13.0.0-0",
-        "@angular/core": "^12.0.0 || ^13.0.0-0",
-        "rxjs": "^6.5.3"
+        "@angular/common": "^13.0.0 || ^14.0.0-0",
+        "@angular/core": "^13.0.0 || ^14.0.0-0",
+        "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/cdk/node_modules/parse5": {
@@ -925,19 +925,19 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "12.0.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-12.0.4.tgz",
-      "integrity": "sha512-pvfYEeUCLR7EmA6R/kkXz5jfl+RHwh3AS9X9kWARWIOzA7p0hG9ApoFT5KCofTBNp0nukau1QoGR4WGla6wWvQ==",
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-13.0.2.tgz",
+      "integrity": "sha512-DbbkQFpZ73oxOuR9LkkpeUPWP31DNIG3Z94sOrtdBhX3HfbLLOCaAJAIwMl8+bEuzDgtWBmx3taUR8l4WKCO8g==",
       "dependencies": {
-        "tslib": "^2.1.0"
+        "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^12.0.0 || ^13.0.0-0",
-        "@angular/cdk": "12.0.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"
+        "@angular/animations": "^13.0.0 || ^14.0.0-0",
+        "@angular/cdk": "13.0.2",
+        "@angular/common": "^13.0.0 || ^14.0.0-0",
+        "@angular/core": "^13.0.0 || ^14.0.0-0",
+        "@angular/forms": "^13.0.0 || ^14.0.0-0",
+        "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/platform-browser": {
@@ -15799,12 +15799,12 @@
       }
     },
     "@angular/cdk": {
-      "version": "12.0.4",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-12.0.4.tgz",
-      "integrity": "sha512-NX/1kEc6ndyEHjGcMtMJYEjwmoURuwRSqKJLbGcHTUwXuuR+hfDP/vU1XDOeXNC80SV+0B4BpJnREkINILfYKw==",
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-13.0.2.tgz",
+      "integrity": "sha512-m7RHIAXpFpgsrydhWXX1hAXRmQpQ+m9eRCYAoz8QiDCchYyVvTaxkZ8J7XGS8RtJ2EiocXSp4TlwQQrpXe+4lg==",
       "requires": {
         "parse5": "^5.0.0",
-        "tslib": "^2.1.0"
+        "tslib": "^2.3.0"
       },
       "dependencies": {
         "parse5": {
@@ -16077,11 +16077,11 @@
       "dev": true
     },
     "@angular/material": {
-      "version": "12.0.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-12.0.4.tgz",
-      "integrity": "sha512-pvfYEeUCLR7EmA6R/kkXz5jfl+RHwh3AS9X9kWARWIOzA7p0hG9ApoFT5KCofTBNp0nukau1QoGR4WGla6wWvQ==",
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-13.0.2.tgz",
+      "integrity": "sha512-DbbkQFpZ73oxOuR9LkkpeUPWP31DNIG3Z94sOrtdBhX3HfbLLOCaAJAIwMl8+bEuzDgtWBmx3taUR8l4WKCO8g==",
       "requires": {
-        "tslib": "^2.1.0"
+        "tslib": "^2.3.0"
       }
     },
     "@angular/platform-browser": {
diff --git a/package.json b/package.json
index a1e09ec..7b45f8c 100644
--- a/package.json
+++ b/package.json
@@ -15,12 +15,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^13.0.2",
-    "@angular/cdk": "^12.0.4",
+    "@angular/cdk": "^13.0.2",
     "@angular/common": "^13.0.2",
     "@angular/compiler": "^13.0.2",
     "@angular/core": "^13.0.2",
     "@angular/forms": "^13.0.2",
-    "@angular/material": "^12.0.4",
+    "@angular/material": "^13.0.2",
     "@angular/platform-browser": "^13.0.2",
     "@angular/platform-browser-dynamic": "^13.0.2",
     "@angular/router": "^13.0.2",
diff --git a/src/styles.scss b/src/styles.scss
index b8e04a7..fa08caf 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 // Plus imports for other components in your app.
 
 // Include the common styles for Angular Material. We include this here so that you only