diff --git a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
index 2514269..dca79d6 100644
--- a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
+++ b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
@@ -14,8 +14,8 @@
       </ng-container>
 
       <ng-container matColumnDef="id">
-        <th mat-header-cell *matHeaderCellDef style="width: 60px;">Num</th>
-        <td mat-cell *matCellDef="let element">{{element.id}}</td>
+        <th mat-header-cell *matHeaderCellDef style="width: 90px;">Num</th>
+        <td mat-cell *matCellDef="let element; let i = index">{{ resultsLength - i }}</td>
       </ng-container>
 
       <ng-container matColumnDef="jumpDate">
diff --git a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts
index 72a6865..93df599 100644
--- a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts
@@ -2,13 +2,13 @@ import { Component, OnInit, ViewChild } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
 import { MatDialog } from "@angular/material/dialog";
-
 import { Observable } from 'rxjs';
+
+import { AddAction } from '../../models/add-action.enum';
 import { JumpResp } from '../../models/jump';
 import { JumpService } from '../../services/jump.service';
 import { ServiceComm } from '../../services/service-comm.service';
 import { JumpInfosComponent } from "../jump-infos/jump-infos.component";
-import { AddAction } from '../../models/add-action.enum';
 
 @Component({
   selector: 'app-list-of-jumps',
diff --git a/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts b/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts
index 4d34d3b..5e3e116 100644
--- a/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts
+++ b/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts
@@ -1,9 +1,13 @@
 import { Component, OnInit } from "@angular/core";
+import { formatDate } from '@angular/common';
+import { DateAdapter, MAT_DATE_FORMATS, NativeDateAdapter } from "@angular/material/core";
+
 import { JumpTypeResp } from "../../models/jumpType";
 import { AircraftResp } from "../../models/aircraft";
 import { DropZoneResp } from "../../models/dropzone";
-import { DateService } from "../../services/date.service";
 import { GearResp } from "../../models/gear";
+
+import { DateService } from "../../services/date.service";
 import { ServiceComm } from "../../services/service-comm.service";
 import { DropzoneService } from "../../services/dropzone.service";
 import { AircraftService } from "../../services/aircraft.service";
@@ -11,8 +15,6 @@ import { JumpService } from "../../services/jump.service";
 import { JumpTypeService } from "../../services/jump-type.service";
 import { GearService } from "../../services/gear.service";
 
-import { formatDate } from '@angular/common';
-import { DateAdapter, MAT_DATE_FORMATS, NativeDateAdapter } from "@angular/material/core";
 
 export const PICK_FORMATS = {
   parse: { dateInput: 'yy MM dd' },