diff --git a/src/app/components/shared/footer/footer.component.html b/src/app/components/shared/footer/footer.component.html
index f4f6eb1a46ae1fc8619267546d65ddf85007da17..ba1575b5fa0ed9193df1866d0aac906bd8ca33e6 100644
--- a/src/app/components/shared/footer/footer.component.html
+++ b/src/app/components/shared/footer/footer.component.html
@@ -1,5 +1,5 @@
 <div>
-  <mat-toolbar id="footer-toolbar">
+  <mat-toolbar id="footer-toolbar" class="mat-elevation-z24">
     <button class="focus_button" mat-button (click)="showHelp()" *ngIf="router.url !== '/home'"
             aria-labelledby="help-label">
       <mat-icon>help</mat-icon>
diff --git a/src/app/components/shared/header/header.component.html b/src/app/components/shared/header/header.component.html
index ec5e1809a326d53b842cdd7c21a87743f556dc9b..7dffcf42940297cd9f4be9e1c6b8f84e72f89698 100644
--- a/src/app/components/shared/header/header.component.html
+++ b/src/app/components/shared/header/header.component.html
@@ -1,4 +1,4 @@
-<mat-toolbar class="mat-elevation-z1">
+<mat-toolbar class="mat-elevation-z16">
   <mat-toolbar-row>
     <button id="back-button" mat-icon-button aria-labelledby="back-label" *ngIf="router.url !== '/home'" (click)="goBack()"
             matTooltip="{{'header.back' | translate}}">