diff --git a/src/app/components/settings-options/settings-options.component.html b/src/app/components/settings-options/settings-options.component.html
index 77c4762..186700d 100644
--- a/src/app/components/settings-options/settings-options.component.html
+++ b/src/app/components/settings-options/settings-options.component.html
@@ -2,7 +2,8 @@
     <ion-list>
         @for (n of options; track n) {
             @if (n == options.length) {
-                <ion-item lines="none" class="transition-all duration-200 active:[--background:#DBD8D7]" (click)="logOut()">
+                <ion-item lines="none" class="transition-all duration-200 active:[--background:#DBD8D7]"
+                          (click)="logOut()">
                     <p class="text-sm text-red-800">Se déconnecter</p>
                     <ion-icon slot="end" class="text-xl text-red-800" name="logout"></ion-icon>
                 </ion-item>
@@ -15,19 +16,22 @@
                         </ion-item>
                     }
                     @case (2) {
-                        <ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
+                        <ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]"
+                                  (click)="updateProfileState(true)">
                             <p class="text-sm text-gray-600">Modifier mes informations</p>
                             <ion-icon slot="end" class="text-xl text-gray-400" name="chevron"></ion-icon>
                         </ion-item>
                     }
                     @case (3) {
-                        <ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
+                        <ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]"
+                                  (click)="updatePasswordState(true)">
                             <p class="text-sm text-gray-600">Modifier mon mot de passe</p>
                             <ion-icon slot="end" class="text-xl text-gray-400" name="chevron"></ion-icon>
                         </ion-item>
                     }
                     @case (4) {
-                        <ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
+                        <ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]"
+                                  (click)="updateDesignationState(true)">
                             <p class="text-sm text-gray-600">Changer de désignation</p>
                             <ion-icon slot="end" class="text-xl text-gray-400" name="chevron"></ion-icon>
                         </ion-item>
diff --git a/src/app/components/settings-options/settings-options.component.ts b/src/app/components/settings-options/settings-options.component.ts
index 658b7c0..e8f203c 100644
--- a/src/app/components/settings-options/settings-options.component.ts
+++ b/src/app/components/settings-options/settings-options.component.ts
@@ -1,12 +1,13 @@
-import {Component, inject} from '@angular/core';
+import {Component, inject, signal} from '@angular/core';
 import {IonicModule, LoadingController, NavController} from "@ionic/angular";
-import {logOutOutline, chevronForwardOutline} from "ionicons/icons";
+import {logOutOutline, chevronForwardOutline, chevronBack} from "ionicons/icons";
 import {addIcons} from "ionicons";
 import {AuthManageService} from "../../services/auth-manage";
 
 addIcons({
     'logout': logOutOutline,
-    'chevron': chevronForwardOutline
+    'chevron': chevronForwardOutline,
+    'chevron-back': chevronBack
 });
 
 @Component({
@@ -24,6 +25,22 @@ export class SettingsOptionsComponent {
 
     options = [1, 2, 3, 4, 5];
 
+    profileState = signal<boolean>(false);
+    passwordState = signal<boolean>(false);
+    designationState = signal<boolean>(false);
+
+    updateProfileState(state: boolean) {
+        this.profileState.set(state);
+    }
+
+    updatePasswordState(state: boolean) {
+        this.passwordState.set(state);
+    }
+
+    updateDesignationState(state: boolean) {
+        this.designationState.set(state);
+    }
+
     async logOut(){
         const loading = await this.loadCtrl.create({
             message: 'Déconnexion en cours...',