diff --git a/src/app/profile/profile.component.html b/src/app/profile/profile.component.html
index c80a5534f68c8b3d691fcbcbe40f2f5c7eb74415..e28fca468d24b21dadae6ba0330fb0fb61e875d2 100644
--- a/src/app/profile/profile.component.html
+++ b/src/app/profile/profile.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="column" class="content-container">
+<div fxLayout="column" class="content-container full-screen">
   <div class="section-container" fxLayout="column" fxLayoutAlign="center center">
     <h1>Profil</h1>
     <div *ngIf="userProfile" fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10px">
diff --git a/src/app/reset-email/reset-email.component.html b/src/app/reset-email/reset-email.component.html
index 725a7a8f995d37e548b5fdaf77768f574a11f647..0d5ba6a00db84a1f7546b9bdd4622ee3113d1915 100644
--- a/src/app/reset-email/reset-email.component.html
+++ b/src/app/reset-email/reset-email.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="column" class="content-container">
+<div fxLayout="column" class="content-container full-screen">
   <div class="section-container" fxLayout="colum" fxLayoutAlign="center center">
     <p *ngIf="changeSuccess">
       Vous avez correctement changé votre email associé a votre compte. Vous pouvez désormais vous reconnecter avec
diff --git a/src/app/reset-password/reset-password.component.html b/src/app/reset-password/reset-password.component.html
index f9c3810a248f7332f14c2dc7e4049afd51d14537..09c0e2aebe7bd5367aee84ce15adf9d4556c87c7 100644
--- a/src/app/reset-password/reset-password.component.html
+++ b/src/app/reset-password/reset-password.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="column" class="content-container">
+<div fxLayout="column" class="content-container full-screen">
   <div class="section-container" fxLayout="column" fxLayoutAlign="center center">
     <h1>Réinitialisation du mot de passe</h1>
     <form *ngIf="!token" [formGroup]="resetForm" (ngSubmit)="onSubmit()">
diff --git a/src/app/user-verification/user-verification.component.html b/src/app/user-verification/user-verification.component.html
index acb513c81be1f0418d4ccdec20f41e2644e76a97..f1a4876a42e2ca08f1829114782bae9346dd2be0 100644
--- a/src/app/user-verification/user-verification.component.html
+++ b/src/app/user-verification/user-verification.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="column" class="content-container">
+<div fxLayout="column" class="content-container full-screen">
   <h1 style="display: none">Vérification du mail utilisateur</h1>
   <div class="section-container" fxLayout="colum" fxLayoutAlign="center center">
     <p *ngIf="!verificationSuccess && !verificationIssue">Votre email est en cours de vérification ...</p>
diff --git a/src/styles.scss b/src/styles.scss
index 5f20d287c24f9336b232103318a1aef9d7b90471..76e407a1858cedaa9418538150277e0daf5989be 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -6,6 +6,7 @@
 @import 'assets/scss/icons';
 @import 'assets/scss/inputs';
 @import 'assets/scss/hyperlink';
+@import 'assets/scss/layout';
 @import '../node_modules/leaflet.locatecontrol/dist/L.Control.Locate.css';
 
 html {
@@ -68,6 +69,9 @@ a {
   &.no-pt {
     padding: 0 0 30px 0;
   }
+  &.full-screen {
+    height: calc(100vh - #{$header-height} - #{$footer-height});
+  }
   @media #{$phone} {
     padding-top: 30px;
   }