diff --git a/package-lock.json b/package-lock.json
index 8009199..d978010 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,12 +9,12 @@
       "version": "0.0.0",
       "dependencies": {
         "@angular/animations": "~13.4.0",
-        "@angular/cdk": "~12.2.13",
+        "@angular/cdk": "~13.3.9",
         "@angular/common": "~13.4.0",
         "@angular/compiler": "~13.4.0",
         "@angular/core": "~13.4.0",
         "@angular/forms": "~13.4.0",
-        "@angular/material": "^12.2.13",
+        "@angular/material": "^13.3.9",
         "@angular/platform-browser": "~13.4.0",
         "@angular/platform-browser-dynamic": "~13.4.0",
         "@angular/router": "~13.4.0",
@@ -278,19 +278,19 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "12.2.13",
-      "resolved": "https://zoominfo.jfrog.io/artifactory/api/npm/virtual-npm/@angular/cdk/-/cdk-12.2.13.tgz",
-      "integrity": "sha512-zSKRhECyFqhingIeyRInIyTvYErt4gWo+x5DQr0b7YLUbU8DZSwWnG4w76Ke2s4U8T7ry1jpJBHoX/e8YBpGMg==",
+      "version": "13.3.9",
+      "resolved": "https://zoominfo.jfrog.io/artifactory/api/npm/virtual-npm/@angular/cdk/-/cdk-13.3.9.tgz",
+      "integrity": "sha512-XCuCbeuxWFyo3EYrgEYx7eHzwl76vaWcxtWXl00ka8d+WAOtMQ6Tf1D98ybYT5uwF9889fFpXAPw98mVnlo3MA==",
       "dependencies": {
-        "tslib": "^2.2.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 || ^7.0.0"
+        "@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/cli": {
@@ -523,19 +523,20 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "12.2.13",
-      "resolved": "https://zoominfo.jfrog.io/artifactory/api/npm/virtual-npm/@angular/material/-/material-12.2.13.tgz",
-      "integrity": "sha512-6g2GyN4qp2D+DqY2AwrQuPB3cd9gybvQVXvNRbTPXEulHr+LgGei00ySdFHFp6RvdGSMZ4i3LM1Fq3VkFxhCfQ==",
+      "version": "13.3.9",
+      "resolved": "https://zoominfo.jfrog.io/artifactory/api/npm/virtual-npm/@angular/material/-/material-13.3.9.tgz",
+      "integrity": "sha512-FU8lcMgo+AL8ckd27B4V097ZPoIZNRHiCe3wpgkImT1qC0YwcyXZVn0MqQTTFSdC9a/aI8wPm3AbTClJEVw5Vw==",
       "dependencies": {
-        "tslib": "^2.2.0"
+        "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^12.0.0 || ^13.0.0-0",
-        "@angular/cdk": "12.2.13",
-        "@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": "^13.0.0 || ^14.0.0-0",
+        "@angular/cdk": "13.3.9",
+        "@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",
+        "@angular/platform-browser": "^13.0.0 || ^14.0.0-0",
+        "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/platform-browser": {
diff --git a/package.json b/package.json
index eeda6d2..d9fe1d3 100644
--- a/package.json
+++ b/package.json
@@ -16,12 +16,12 @@
   },
   "dependencies": {
     "@angular/animations": "~13.4.0",
-    "@angular/cdk": "~12.2.13",
+    "@angular/cdk": "~13.3.9",
     "@angular/common": "~13.4.0",
     "@angular/compiler": "~13.4.0",
     "@angular/core": "~13.4.0",
     "@angular/forms": "~13.4.0",
-    "@angular/material": "^12.2.13",
+    "@angular/material": "^13.3.9",
     "@angular/platform-browser": "~13.4.0",
     "@angular/platform-browser-dynamic": "~13.4.0",
     "@angular/router": "~13.4.0",
@@ -53,4 +53,4 @@
     "tslint": "~6.1.0",
     "typescript": "4.4.4"
   }
-}
+}
\ No newline at end of file
diff --git a/projects/demo/src/styles.css b/projects/demo/src/styles.css
index f63047b..201390c 100644
--- a/projects/demo/src/styles.css
+++ b/projects/demo/src/styles.css
@@ -1,4 +1,4 @@
-@import "~@angular/material/prebuilt-themes/indigo-pink.css";
+@import "@angular/material/prebuilt-themes/indigo-pink.css";
 
 body {
   margin: 0;