diff --git a/frontend/src/app/programs/observations/form/form.component.css b/frontend/src/app/programs/observations/form/form.component.css
index 7b2be856..63248147 100644
--- a/frontend/src/app/programs/observations/form/form.component.css
+++ b/frontend/src/app/programs/observations/form/form.component.css
@@ -95,15 +95,3 @@ app-obs-form .dropdown-menu.show {
     height: 200px;
     max-height: 200px;
 }
-
-.spinner-container {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;  /* Occupation complète de la fenêtre */
-    width: 100%;
-  }
diff --git a/frontend/src/app/programs/observations/form/form.component.html b/frontend/src/app/programs/observations/form/form.component.html
index cdf5fd7e..144c050b 100644
--- a/frontend/src/app/programs/observations/form/form.component.html
+++ b/frontend/src/app/programs/observations/form/form.component.html
@@ -24,11 +24,11 @@ <h5 *ngIf="taxaCount > 1" class="m-0">
                 <label for="cd_nom" class="m-0">{ autocomplete, select, isOn {Rechercher une esp&egrave;ce}
                     isOff {S&eacute;lectionnez une esp&egrave;ce}}</label>
             </h5>
-            <div *ngIf="loading" class="spinner-container">
-                <div class="spinner-border text-primary" role="status">
-                  <span class="sr-only">Chargement...</span>
-                </div>
-              </div>
+            <div
+            *ngIf="loading"
+            class="loader"
+            id="spinner"
+          ></div>
             <!-- TAXON SELECT -->
             <div class="row" *ngIf="!loading">
                 <div class="form-group col-lg-12 col-md-12">