diff --git a/package-lock.json b/package-lock.json
index fc81ceeb..f6a3c6e8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,13 +10,13 @@
       "license": "https://themeforest.net/licenses/standard",
       "dependencies": {
         "@angular/animations": "19.0.5",
-        "@angular/cdk": "18.2.14",
+        "@angular/cdk": "19.0.4",
         "@angular/common": "19.0.5",
         "@angular/compiler": "19.0.5",
         "@angular/core": "19.0.5",
         "@angular/forms": "19.0.5",
-        "@angular/material": "18.2.14",
-        "@angular/material-luxon-adapter": "18.2.14",
+        "@angular/material": "19.0.4",
+        "@angular/material-luxon-adapter": "19.0.4",
         "@angular/platform-browser": "19.0.5",
         "@angular/platform-browser-dynamic": "19.0.5",
         "@angular/router": "19.0.5",
@@ -542,9 +542,9 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.14.tgz",
-      "integrity": "sha512-vDyOh1lwjfVk9OqoroZAP8pf3xxKUvyl+TVR8nJxL4c5fOfUFkD7l94HaanqKSRwJcI2xiztuu92IVoHn8T33Q==",
+      "version": "19.0.4",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.0.4.tgz",
+      "integrity": "sha512-P8V1n6AFFjBUJG3YRgw8DiiNDWPZVrwQ42wbwgZxd4s2TQAuNFg3YY8h/DSMVxt2sXpavrshZsoLtP9yLKZjHA==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
@@ -553,8 +553,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"
       }
     },
@@ -735,34 +735,34 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-18.2.14.tgz",
-      "integrity": "sha512-28pxzJP49Mymt664WnCtPkKeg7kXUsQKTKGf/Kl95rNTEdTJLbnlcc8wV0rT0yQNR7kXgpfBnG7h0ETLv/iu5Q==",
+      "version": "19.0.4",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.0.4.tgz",
+      "integrity": "sha512-8WRMbN1+oRXx1ZFLni+BRz60F4FWzJPFORsQ8qAvY3sHWzyjunsYZkpbze3uiZO6bu3hiyQCU6g+k/58Qc6kkw==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/animations": "^18.0.0 || ^19.0.0",
-        "@angular/cdk": "18.2.14",
-        "@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/animations": "^19.0.0 || ^20.0.0",
+        "@angular/cdk": "19.0.4",
+        "@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"
       }
     },
     "node_modules/@angular/material-luxon-adapter": {
-      "version": "18.2.14",
-      "resolved": "https://registry.npmjs.org/@angular/material-luxon-adapter/-/material-luxon-adapter-18.2.14.tgz",
-      "integrity": "sha512-XOvOKOS5zqW+kin/YkVzNHX9p3A7TQIBc9pMJINq/8MerMnh8f2DaI0TD1sIsY5xuP3/nImk1qkTsUYX06c1fQ==",
+      "version": "19.0.4",
+      "resolved": "https://registry.npmjs.org/@angular/material-luxon-adapter/-/material-luxon-adapter-19.0.4.tgz",
+      "integrity": "sha512-RaLfw7WoXt+RC+jeH3f9pqmfKjliZWJZ9EkmV3BRY/GJrsHPGzQ7/Ar+V+RndAna4f0itDg9FeuNSGzZ3WNYuw==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/core": "^18.0.0 || ^19.0.0",
-        "@angular/material": "18.2.14",
+        "@angular/core": "^19.0.0 || ^20.0.0",
+        "@angular/material": "19.0.4",
         "luxon": "^3.0.0"
       }
     },
diff --git a/package.json b/package.json
index 049556b1..46dd7f49 100644
--- a/package.json
+++ b/package.json
@@ -14,13 +14,13 @@
   },
   "dependencies": {
     "@angular/animations": "19.0.5",
-    "@angular/cdk": "18.2.14",
+    "@angular/cdk": "19.0.4",
     "@angular/common": "19.0.5",
     "@angular/compiler": "19.0.5",
     "@angular/core": "19.0.5",
     "@angular/forms": "19.0.5",
-    "@angular/material": "18.2.14",
-    "@angular/material-luxon-adapter": "18.2.14",
+    "@angular/material": "19.0.4",
+    "@angular/material-luxon-adapter": "19.0.4",
     "@angular/platform-browser": "19.0.5",
     "@angular/platform-browser-dynamic": "19.0.5",
     "@angular/router": "19.0.5",
diff --git a/src/@fuse/styles/themes.scss b/src/@fuse/styles/themes.scss
index b2ca1dc3..4d299074 100644
--- a/src/@fuse/styles/themes.scss
+++ b/src/@fuse/styles/themes.scss
@@ -81,7 +81,8 @@ $dark-base: (
 );
 
 /* Include the core Angular Material styles */
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 
 /* Create a base theme without any color to set the density and typography */
 @include mat.all-component-themes(