diff --git a/src/app/main/content/pages/authentication/forgot-password-2/forgot-password-2.component.scss b/src/app/main/content/pages/authentication/forgot-password-2/forgot-password-2.component.scss
index 09c99133..22190990 100644
--- a/src/app/main/content/pages/authentication/forgot-password-2/forgot-password-2.component.scss
+++ b/src/app/main/content/pages/authentication/forgot-password-2/forgot-password-2.component.scss
@@ -39,7 +39,7 @@
             min-width: 400px;
             max-width: 400px;
             background: #FFFFFF;
-            @include mat-elevation(7);
+            @include mat-elevation(16);
 
             @include media-breakpoint('sm') {
                 width: 360px;
diff --git a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss
index 758dcaa6..eede1399 100644
--- a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss
+++ b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss
@@ -22,7 +22,7 @@
                 padding: 32px;
                 text-align: center;
                 background: #FFFFFF;
-                @include mat-elevation(7);
+                @include mat-elevation(16);
 
                 @include media-breakpoint('xs') {
                     padding: 24px;
diff --git a/src/app/main/content/pages/authentication/lock/lock.component.scss b/src/app/main/content/pages/authentication/lock/lock.component.scss
index fe974728..24290501 100644
--- a/src/app/main/content/pages/authentication/lock/lock.component.scss
+++ b/src/app/main/content/pages/authentication/lock/lock.component.scss
@@ -23,7 +23,7 @@
                 max-width: 420px;
                 padding: 48px 32px 32px 32px;
                 background: #FFFFFF;
-                @include mat-elevation(7);
+                @include mat-elevation(16);
 
                 @include media-breakpoint('xs') {
                     padding: 24px;
diff --git a/src/app/main/content/pages/authentication/login-2/login-2.component.scss b/src/app/main/content/pages/authentication/login-2/login-2.component.scss
index 9955043e..2a2d50a5 100644
--- a/src/app/main/content/pages/authentication/login-2/login-2.component.scss
+++ b/src/app/main/content/pages/authentication/login-2/login-2.component.scss
@@ -39,7 +39,7 @@
             min-width: 400px;
             max-width: 400px;
             background: #FFFFFF;
-            @include mat-elevation(7);
+            @include mat-elevation(16);
 
             @include media-breakpoint('sm') {
                 width: 360px;
diff --git a/src/app/main/content/pages/authentication/mail-confirm/mail-confirm.component.scss b/src/app/main/content/pages/authentication/mail-confirm/mail-confirm.component.scss
index 3ca6345a..0ee0667e 100644
--- a/src/app/main/content/pages/authentication/mail-confirm/mail-confirm.component.scss
+++ b/src/app/main/content/pages/authentication/mail-confirm/mail-confirm.component.scss
@@ -21,7 +21,7 @@
                 padding: 48px;
                 background: #FFFFFF;
                 text-align: center;
-                @include mat-elevation(7);
+                @include mat-elevation(16);
 
                 @include media-breakpoint('xs') {
                     padding: 24px;
diff --git a/src/app/main/content/pages/authentication/register-2/register-2.component.scss b/src/app/main/content/pages/authentication/register-2/register-2.component.scss
index a7e72945..9868851d 100644
--- a/src/app/main/content/pages/authentication/register-2/register-2.component.scss
+++ b/src/app/main/content/pages/authentication/register-2/register-2.component.scss
@@ -39,7 +39,7 @@
             min-width: 400px;
             max-width: 400px;
             background: #FFFFFF;
-            @include mat-elevation(7);
+            @include mat-elevation(16);
 
             @include media-breakpoint('sm') {
                 width: 360px;
diff --git a/src/app/main/content/pages/authentication/register/register.component.scss b/src/app/main/content/pages/authentication/register/register.component.scss
index bb6056d7..3ed27336 100644
--- a/src/app/main/content/pages/authentication/register/register.component.scss
+++ b/src/app/main/content/pages/authentication/register/register.component.scss
@@ -22,7 +22,7 @@
                 padding: 32px;
                 background: #FFFFFF;
                 text-align: center;
-                @include mat-elevation(7);
+                @include mat-elevation(16);
 
                 @include media-breakpoint('xs') {
                     padding: 24px;
diff --git a/src/app/main/content/pages/authentication/reset-password-2/reset-password-2.component.scss b/src/app/main/content/pages/authentication/reset-password-2/reset-password-2.component.scss
index 52684ac9..4138158e 100644
--- a/src/app/main/content/pages/authentication/reset-password-2/reset-password-2.component.scss
+++ b/src/app/main/content/pages/authentication/reset-password-2/reset-password-2.component.scss
@@ -39,7 +39,7 @@
             min-width: 400px;
             max-width: 400px;
             background: #FFFFFF;
-            @include mat-elevation(7);
+            @include mat-elevation(16);
 
             @include media-breakpoint('sm') {
                 width: 360px;
diff --git a/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss b/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss
index e1d0f43c..70f9dbfa 100644
--- a/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss
+++ b/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss
@@ -22,7 +22,7 @@
                 padding: 32px;
                 text-align: center;
                 background: #FFFFFF;
-                @include mat-elevation(7);
+                @include mat-elevation(16);
 
                 @include media-breakpoint('xs') {
                     padding: 24px;
diff --git a/src/app/main/content/pages/coming-soon/coming-soon.component.scss b/src/app/main/content/pages/coming-soon/coming-soon.component.scss
index 8cbdf880..88186e1b 100644
--- a/src/app/main/content/pages/coming-soon/coming-soon.component.scss
+++ b/src/app/main/content/pages/coming-soon/coming-soon.component.scss
@@ -5,7 +5,7 @@
     #coming-soon {
         width: 100%;
         overflow: auto;
-        background: url('/assets/images/backgrounds/march.jpg') no-repeat;
+        background: url('/assets/images/backgrounds/dark-material-bg.jpg') no-repeat;
         background-size: cover;
 
         #coming-soon-form-wrapper {
@@ -21,7 +21,7 @@
                 max-width: 384px;
                 background: #FFFFFF;
                 text-align: center;
-                @include mat-elevation(7);
+                @include mat-elevation(16);
 
                 @include media-breakpoint('xs') {
                     width: 100%;
diff --git a/src/app/main/content/pages/maintenance/maintenance.component.scss b/src/app/main/content/pages/maintenance/maintenance.component.scss
index 7dc78ae5..aaf6bd6b 100644
--- a/src/app/main/content/pages/maintenance/maintenance.component.scss
+++ b/src/app/main/content/pages/maintenance/maintenance.component.scss
@@ -5,7 +5,7 @@
     #maintenance {
         width: 100%;
         overflow: auto;
-        background: url('/assets/images/backgrounds/march.jpg') no-repeat;
+        background: url('/assets/images/backgrounds/dark-material-bg.jpg') no-repeat;
         background-size: cover;
 
         #maintenance-form-wrapper {
@@ -21,7 +21,7 @@
                 padding: 48px;
                 background: #FFFFFF;
                 text-align: center;
-                @include mat-elevation(7);
+                @include mat-elevation(16);
 
                 @include media-breakpoint('xs') {
                     padding: 24px;
diff --git a/src/app/main/content/pages/profile/profile.component.scss b/src/app/main/content/pages/profile/profile.component.scss
index a1cdcf26..cf8e299c 100644
--- a/src/app/main/content/pages/profile/profile.component.scss
+++ b/src/app/main/content/pages/profile/profile.component.scss
@@ -6,7 +6,7 @@
         height: 320px;
         min-height: 320px;
         max-height: 320px;
-        background: url('/assets/images/backgrounds/march.jpg') no-repeat 0 45%;
+        background: url('/assets/images/backgrounds/dark-material-bg.jpg') no-repeat 0 45%;
         background-size: 100% auto;
 
         .profile-image {