diff --git a/Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts b/Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts
index 48fc664..b5c07b8 100644
--- a/Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts
@@ -4,6 +4,7 @@ import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 
 import { AircraftService } from "../../services/aircraft.service";
 import { ServiceComm } from "../../services/service-comm.service";
@@ -16,7 +17,12 @@ import { AircraftResp } from "../../models/aircraft";
   selector: "app-list-of-aircrafts",
   templateUrl: "./list-of-aircrafts.component.html",
   styleUrls: ["./list-of-aircrafts.component.css"],
-  imports: [TranslateModule, CommonModule, MatPaginatorModule],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    MatPaginatorModule,
+    MatProgressSpinnerModule,
+  ],
 })
 export class ListOfAircraftsComponent implements OnInit {
   public displayedColumns: Array<string> = ["name", "imageData"];
diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
index 883a98a..e8af6bd 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
@@ -5,6 +5,7 @@ import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 
 import { AddAction } from "../../models/add-action.enum";
 import { DropZoneResp } from "../../models/dropzone";
@@ -17,7 +18,13 @@ import { NewDropZoneComponent } from "../new-drop-zone/new-drop-zone.component";
   selector: "app-list-of-dzs",
   templateUrl: "./list-of-dzs.component.html",
   styleUrls: ["./list-of-dzs.component.css"],
-  imports: [TranslateModule, CommonModule, MatIconModule, MatPaginatorModule],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    MatIconModule,
+    MatPaginatorModule,
+    MatProgressSpinnerModule,
+  ],
 })
 export class ListOfDzsComponent implements OnInit {
   public displayedColumns: Array<string> = [
diff --git a/Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.ts b/Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.ts
index 0d0462a..0944231 100644
--- a/Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.ts
@@ -4,6 +4,7 @@ import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 
 import { GearService } from "../../services/gear.service";
 import { ServiceComm } from "../../services/service-comm.service";
@@ -15,7 +16,12 @@ import { NewGearComponent } from "../new-gear/new-gear.component";
   selector: "app-list-of-gears",
   templateUrl: "./list-of-gears.component.html",
   styleUrls: ["./list-of-gears.component.css"],
-  imports: [TranslateModule, CommonModule, MatPaginatorModule],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    MatPaginatorModule,
+    MatProgressSpinnerModule,
+  ],
 })
 export class ListOfGearsComponent implements OnInit {
   public displayedColumns: Array<string> = [
diff --git a/Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts b/Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts
index 8aaa26c..3feae8b 100644
--- a/Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts
@@ -4,6 +4,7 @@ import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 
 import { AddAction } from "../../models/add-action.enum";
 import { JumpTypeResp } from "../../models/jumpType";
@@ -16,7 +17,12 @@ import { NewJumpTypeComponent } from "../new-jump-type/new-jump-type.component";
   selector: "app-list-of-jump-types",
   templateUrl: "./list-of-jump-types.component.html",
   styleUrls: ["./list-of-jump-types.component.css"],
-  imports: [TranslateModule, CommonModule, MatPaginatorModule],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    MatPaginatorModule,
+    MatProgressSpinnerModule,
+  ],
 })
 export class ListOfJumpTypesComponent implements OnInit {
   public displayedColumns: Array<string> = ["name"];
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 f64c1be..56101a3 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
@@ -9,6 +9,7 @@ import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 
 import { AddAction } from "../../models/add-action.enum";
 import { Jump } from "../../models/jump";
@@ -21,7 +22,13 @@ import { StatsService } from "../../services/stats.service";
   selector: "app-list-of-jumps",
   templateUrl: "./list-of-jumps.component.html",
   styleUrls: ["./list-of-jumps.component.css"],
-  imports: [TranslateModule, CommonModule, MatIconModule, MatPaginatorModule],
+  imports: [
+    TranslateModule,
+    CommonModule,
+    MatIconModule,
+    MatPaginatorModule,
+    MatProgressSpinnerModule,
+  ],
 })
 export class ListOfJumpsComponent implements OnInit {
   public displayedColumns: Array<string> = [
diff --git a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts
index 3cb9d69..d7826e2 100644
--- a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts
@@ -5,6 +5,7 @@ import { MatTableDataSource } from "@angular/material/table";
 import { CommonModule } from "@angular/common";
 import { MatIconModule } from "@angular/material/icon";
 import { MatListModule } from "@angular/material/list";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 
 import { ChartConfiguration, ChartData, ChartType } from "chart.js";
 import { from, groupBy, mergeMap, reduce, map } from "rxjs";
@@ -25,6 +26,7 @@ import { TunnelFlight, TunnelFlightByMonth } from "../../models/tunnel-flight";
     CommonModule,
     MatIconModule,
     MatListModule,
+    MatProgressSpinnerModule,
   ],
 })
 export class ListOfTunnelFlightsComponent implements OnInit {