diff --git a/src/app/components/periode-essai/periode-essai.component.html b/src/app/components/periode-essai/periode-essai.component.html
index e3efd24..f4e9697 100644
--- a/src/app/components/periode-essai/periode-essai.component.html
+++ b/src/app/components/periode-essai/periode-essai.component.html
@@ -29,7 +29,7 @@
       <tr *ngFor="let periodeEssai of periodeEssais">
         <th scope="row">{{getCollaborateurById(periodeEssai.collaborateurId).name}} {{getCollaborateurById(periodeEssai.collaborateurId).firstName}}</th>
         <td> {{getSplitDate(periodeEssai.startingDate.toString())}}</td>
-        <td> {{getSplitDate(periodeEssai.plannedEndingDate.toString())}}</td>
+        <th> {{getSplitDate(periodeEssai.plannedEndingDate.toString())}}</th>
         <td> {{periodeEssai.issue}}</td>
         <td><a routerLink="{{periodeEssai.id}}"> Modifier </a></td>
       </tr>
diff --git a/src/app/components/periode-essai/periode-essai.component.ts b/src/app/components/periode-essai/periode-essai.component.ts
index 3e70844..3fec2b8 100644
--- a/src/app/components/periode-essai/periode-essai.component.ts
+++ b/src/app/components/periode-essai/periode-essai.component.ts
@@ -45,9 +45,6 @@ export class PeriodeEssaiComponent implements OnInit {
     else{
       this.periodeEssais = this.periodeEssaisEnCours;
     }
-    console.log(this.periodeEssais)
-    console.log(this.periodeEssaisEnCours)
-    console.log(this.periodeEssaisPassees)
   }
 
   getCollaborateurs(): void {
@@ -77,6 +74,8 @@ export class PeriodeEssaiComponent implements OnInit {
             this.periodeEssaisPassees.push(pe);
           }
         })
+        this.periodeEssaisEnCours.sort((b, a) => new Date(b.plannedEndingDate).getTime() - new Date(a.plannedEndingDate).getTime());
+        this.periodeEssaisPassees.sort((a, b) => new Date(b.plannedEndingDate).getTime() - new Date(a.plannedEndingDate).getTime());
         this.initPeriodeEssai();
       });
   }