diff --git a/src/lib/components/impacts_view/test_cases_view/test_case_selected/compare_mode/PaySlipCompareView.svelte b/src/lib/components/impacts_view/test_cases_view/test_case_selected/compare_mode/PaySlipCompareView.svelte
index 746b0427e9fe757b236817945434926b73076cc6..de17c2cc914ba0971cca7f07255b2c546a588315 100644
--- a/src/lib/components/impacts_view/test_cases_view/test_case_selected/compare_mode/PaySlipCompareView.svelte
+++ b/src/lib/components/impacts_view/test_cases_view/test_case_selected/compare_mode/PaySlipCompareView.svelte
@@ -356,27 +356,36 @@
               <div class="h-full justify-center pl-1 text-sm">
                 <!--Si la valeur charge, alors un squelette est affiché -->
                 {#if showLoader && runningCalculationNames.length > 0}
-                  {#if runningCalculationNames.includes("law") || runningCalculationNames.includes("revaluation")}
-                    <span
-                      class="animate-pulse-2 bg-gray-500 px-1 text-black blur-xs"
-                    >
-                      <span class="text-white blur">value €</span>
-                    </span>
-                  {/if}
-                  {#if runningCalculationNames.includes("bill")}
-                    <span
-                      class="animate-pulse-2 bg-le-rouge-bill px-1 text-black blur-xs"
-                    >
-                      <span class="text-white blur">value €</span>
-                    </span>
-                  {/if}
-                  {#if runningCalculationNames.includes("amendment") && modificationsAmendmentCount > 0}
-                    <span
-                      class="animate-pulse-2 bg-le-jaune px-1 text-black blur-xs"
-                    >
-                      <span class="text-white blur">value €</span>
-                    </span>
-                  {/if}
+                  <div class="flex w-full justify-center">
+                    {#each iterToDepth(depth)}
+                      <div class="-mr-3"></div>
+                    {/each}
+                    {#if runningCalculationNames.includes("law") || runningCalculationNames.includes("revaluation")}
+                      <span
+                        class="animate-pulse-2 bg-gray-500 px-1 text-black blur-xs"
+                      >
+                        <span class="text-white blur">value €</span>
+                      </span>
+                    {/if}
+
+                    {#if runningCalculationNames.includes("bill")}
+                      {#each iterToDepth(depth)}
+                        <div class="-mr-3"></div>
+                      {/each}
+                      <span
+                        class="animate-pulse-2 bg-le-rouge-bill px-1 text-black blur-xs"
+                      >
+                        <span class="text-white blur">value €</span>
+                      </span>
+                    {/if}
+                    {#if runningCalculationNames.includes("amendment") && modificationsAmendmentCount > 0}
+                      <span
+                        class="animate-pulse-2 bg-le-jaune px-1 text-black blur-xs"
+                      >
+                        <span class="text-white blur">value €</span>
+                      </span>
+                    {/if}
+                  </div>
                   <!--Si la valeur du cas type 0 est égale à la valeur du cas type 1 : Une seule valeur est alors affichée -->
                 {:else if deltaAtVectorIndexArray[0] === deltaAtVectorIndexArray[1]}
                   <div class="flex w-full justify-center">