diff --git a/src/frontend/app/app-material.module.ts b/src/frontend/app/app-material.module.ts
index 4713c2ce52bea7732d2c3cc611fd856078b0d6e5..eff14f4bc4f7f52d652e0412b0fd7d6b2f9acf3a 100755
--- a/src/frontend/app/app-material.module.ts
+++ b/src/frontend/app/app-material.module.ts
@@ -15,7 +15,8 @@ import {
   MatExpansionModule,
   MatTabsModule,
   MatSliderModule,
-  MatSelectModule
+  MatSelectModule,
+  MatSlideToggleModule
 } from '@angular/material';
 
 import { MatMenuModule } from '@angular/material/menu';
@@ -40,7 +41,8 @@ import {DragDropModule} from '@angular/cdk/drag-drop';
       MatMenuModule,
       MatTabsModule,
       MatSliderModule,
-      MatSelectModule
+      MatSelectModule,
+      MatSlideToggleModule
   ],
   exports: [
       MatSidenavModule,
@@ -59,7 +61,8 @@ import {DragDropModule} from '@angular/cdk/drag-drop';
       MatMenuModule,
       MatTabsModule,
       MatSliderModule,
-      MatSelectModule
+      MatSelectModule,
+      MatSlideToggleModule
   ]
 })
 export class AppMaterialModule { }
diff --git a/src/frontend/app/profile/profile.component.html b/src/frontend/app/profile/profile.component.html
index 3155808750a7596cc95197ab47a5268c2ce6cca3..ee77049c0bae1d688a72f4e1f57ffea038020bf7 100644
--- a/src/frontend/app/profile/profile.component.html
+++ b/src/frontend/app/profile/profile.component.html
@@ -69,6 +69,16 @@
                 </mat-tab>
                 <mat-tab label="Préférences">
                     <div class="profile-content">
+                        <div class="input-row">
+                                <fieldset>
+                                    <legend align="left">Notifications</legend>
+                                    <div class="form-container">
+                                        <div class="form-col notification">
+                                            <mat-slide-toggle [checked]="this.profileInfo.preferences.notifications" (change)="this.profileInfo.preferences.notifications=!this.profileInfo.preferences.notifications" color="primary">Recevoir les notifications</mat-slide-toggle>
+                                        </div>
+                                    </div>
+                                </fieldset>
+                            </div>
                         <div class="input-row">
                             <fieldset>
                                 <legend align="left">Mode de l'annotation</legend>
diff --git a/src/frontend/app/profile/profile.component.scss b/src/frontend/app/profile/profile.component.scss
index e36319a3a0f74aba23452347d8c301d6f6c8fcbd..65cceac4c6daf3fa1805e9630c8e7d66b0921402 100644
--- a/src/frontend/app/profile/profile.component.scss
+++ b/src/frontend/app/profile/profile.component.scss
@@ -151,4 +151,9 @@ legend {
 .form-col {
   display:table-cell;
   vertical-align:middle;
+}
+
+.notification {
+  text-align: left;
+  padding : 10px;
 }
\ No newline at end of file