diff --git a/package-lock.json b/package-lock.json
index ea7040fac..54834f4e7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,8 +10,8 @@
       "dependencies": {
         "@angular-builders/jest": "17.0.0",
         "@angular/animations": "19.2.0",
-        "@angular/cdk": "18.2.1",
-        "@angular/material": "18.2.1",
+        "@angular/cdk": "19.2.1",
+        "@angular/material": "19.2.1",
         "@ngrx/component-store": "18.0.2",
         "@ngrx/effects": "18.0.2",
         "@ngrx/entity": "18.0.2",
@@ -607,9 +607,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "18.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.1.tgz",
-      "integrity": "sha512-6y4MmpEPXze6igUHkLsBUPkxw32F8+rmW0xVXZchkSyGlFgqfh53ueXoryWb0qL4s5enkNY6AzXnKAqHfPNkVQ==",
+      "version": "19.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.2.1.tgz",
+      "integrity": "sha512-j7dg18PJIbyeU4DTko3vIK3M2OuUv3H0ZViNddOaLlGN5X93cq4QCGcNhcGm3x3r5rUr/AaexYu+KHMyN8PwmA==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -617,8 +617,8 @@
         "parse5": "^7.1.2"
       },
       "peerDependencies": {
-        "@angular/common": "^18.0.0 || ^19.0.0",
-        "@angular/core": "^18.0.0 || ^19.0.0",
+        "@angular/common": "^19.0.0 || ^20.0.0",
+        "@angular/core": "^19.0.0 || ^20.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -850,19 +850,18 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "18.2.1",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-18.2.1.tgz",
-      "integrity": "sha512-DBSJGqLttT9vYpLGWTuuRoOKd1mNelS0jnNo7jNZyMpjcGfuhNzmPtYiBkXfNsAl7YoXoUmX8+4uh1JZspQGqA==",
+      "version": "19.2.1",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.2.1.tgz",
+      "integrity": "sha512-hA+HVIJn/y72vXv/X1JRbrL/tynW95wYMQF2fV3lIeeAmmFKkkzextBaE9rTaiW6pVN6LXoRvLJl2Vyi9jIHzw==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^18.0.0 || ^19.0.0",
-        "@angular/cdk": "18.2.1",
-        "@angular/common": "^18.0.0 || ^19.0.0",
-        "@angular/core": "^18.0.0 || ^19.0.0",
-        "@angular/forms": "^18.0.0 || ^19.0.0",
-        "@angular/platform-browser": "^18.0.0 || ^19.0.0",
+        "@angular/cdk": "19.2.1",
+        "@angular/common": "^19.0.0 || ^20.0.0",
+        "@angular/core": "^19.0.0 || ^20.0.0",
+        "@angular/forms": "^19.0.0 || ^20.0.0",
+        "@angular/platform-browser": "^19.0.0 || ^20.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
diff --git a/package.json b/package.json
index eb9bbe5ad..c5b2dc5b1 100644
--- a/package.json
+++ b/package.json
@@ -37,8 +37,8 @@
   "dependencies": {
     "@angular-builders/jest": "17.0.0",
     "@angular/animations": "19.2.0",
-    "@angular/cdk": "18.2.1",
-    "@angular/material": "18.2.1",
+    "@angular/cdk": "19.2.1",
+    "@angular/material": "19.2.1",
     "@ngrx/component-store": "18.0.2",
     "@ngrx/effects": "18.0.2",
     "@ngrx/entity": "18.0.2",
diff --git a/src/m3-theme.scss b/src/m3-theme.scss
index f14e8ce09..f37a3465b 100644
--- a/src/m3-theme.scss
+++ b/src/m3-theme.scss
@@ -2,7 +2,8 @@
 @use '@angular/material' as mat;
 @use 'styles' ;
 
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 
 $my-typography: mat.m2-define-typography-config();
 @include mat.typography-hierarchy($my-typography);