diff --git a/components/Harvesters/JobPage.vue b/components/Harvesters/JobPage.vue
index eb76ceaa..8ff06bfd 100644
--- a/components/Harvesters/JobPage.vue
+++ b/components/Harvesters/JobPage.vue
@@ -26,22 +26,42 @@
         <RiInformationLine class="inline size-3" />
         <span>{{ $t('Items:') }}</span>
         <span class="space-x-2">
-          <span class="space-x-0.5">
-            <RiCheckLine class="inline size-3.5" />
-            <span>{{ job.items.filter((i) => i.status === 'done').length }}</span>
-          </span>
-          <span class="space-x-0.5">
-            <RiEyeOffLine class="inline size-3.5" />
-            <span>{{ job.items.filter((i) => i.status === 'skipped').length }}</span>
-          </span>
-          <span class="space-x-0.5">
-            <RiArchiveLine class="inline size-3.5" />
-            <span>{{ job.items.filter((i) => i.status === 'archived').length }}</span>
-          </span>
-          <span class="space-x-0.5">
-            <RiCloseLine class="inline size-3.5" />
-            <span>{{ job.items.filter((i) => i.status === 'failed').length }}</span>
-          </span>
+          <Tooltip class="inline">
+            <span class="space-x-0.5 text-sm">
+              <RiCheckLine class="inline size-3.5" />
+              <span>{{ job.items.filter((i) => i.status === 'done').length }}</span>
+            </span>
+            <template #tooltip>
+              {{ $t('Done items') }}
+            </template>
+          </Tooltip>
+          <Tooltip class="inline">
+            <span class="space-x-0.5 text-sm">
+              <RiEyeOffLine class="inline size-3.5" />
+              <span>{{ job.items.filter((i) => i.status === 'skipped').length }}</span>
+            </span>
+            <template #tooltip>
+              {{ $t('Skipped items') }}
+            </template>
+          </Tooltip>
+          <Tooltip class="inline">
+            <span class="space-x-0.5 text-sm">
+              <RiArchiveLine class="inline size-3.5" />
+              <span>{{ job.items.filter((i) => i.status === 'archived').length }}</span>
+            </span>
+            <template #tooltip>
+              {{ $t('Archived items') }}
+            </template>
+          </Tooltip>
+          <Tooltip class="inline">
+            <span class="space-x-0.5 text-sm">
+              <RiCloseLine class="inline size-3.5" />
+              <span>{{ job.items.filter((i) => i.status === 'failed').length }}</span>
+            </span>
+            <template #tooltip>
+              {{ $t('Failed items') }}
+            </template>
+          </Tooltip>
         </span>
         <span v-if="preview">{{ $t('(previews limit the number of items returned)') }}</span>
       </div>
diff --git a/components/Tooltip/Tooltip.vue b/components/Tooltip/Tooltip.vue
index ecb49d8d..029c318e 100644
--- a/components/Tooltip/Tooltip.vue
+++ b/components/Tooltip/Tooltip.vue
@@ -6,26 +6,42 @@
     @focusout="show = false"
     @mouseleave="show = false"
   >
-    <p
-      v-bind="$attrs"
-      :aria-describedby="id"
-    >
-      <slot />
-    </p>
-    <div
-      v-show="show"
-      :id
-      role="tooltip"
-      aria-hidden="true"
-      class="absolute drop-shadow bg-white p-2 left-1/2 z-10 mt-0 w-screen max-w-56 -translate-x-1/2 transform"
-      static
-    >
-      <slot name="tooltip" />
-    </div>
+    <ClientOnly>
+      <p
+        ref="reference"
+        v-bind="$attrs"
+        :aria-describedby="id"
+      >
+        <slot />
+      </p>
+
+      <div
+        v-show="show"
+        :id
+        ref="floating"
+        role="tooltip"
+        aria-hidden="true"
+        class="drop-shadow bg-white p-2 z-10 mt-2 whitespace-nowrap"
+        :style="floatingStyles"
+      >
+        <slot name="tooltip" />
+      </div>
+    </ClientOnly>
   </div>
 </template>
 
 <script setup lang="ts">
+import { useFloating, autoUpdate, autoPlacement } from '@floating-ui/vue'
+
 const id = useId()
 const show = ref(false)
+
+const reference = ref(null)
+const floating = ref(null)
+const { floatingStyles } = useFloating(reference, floating, {
+  middleware: [autoPlacement({
+    allowedPlacements: ['bottom-start', 'bottom', 'bottom-end'],
+  })],
+  whileElementsMounted: autoUpdate,
+})
 </script>
diff --git a/i18n/locales/en-US.json b/i18n/locales/en-US.json
index 9c591a36..8862d30f 100644
--- a/i18n/locales/en-US.json
+++ b/i18n/locales/en-US.json
@@ -781,6 +781,10 @@
   "Skipped items": "Skipped items",
   "Archived items": "Archived items",
   "Failed items": "Failed items",
+  "ID": "ID",
+  "Started": "Started",
+  "Skipped": "Skipped",
+  "Errors & Logs": "Errors & Logs",
   "Unarchive the dataservice": "Unarchive the dataservice",
   "Archive the dataservice": "Archive the dataservice",
   "An archived dataservice is no longer indexed but still accessible for users with the direct link.": "An archived dataservice is no longer indexed but still accessible for users with the direct link.",
diff --git a/i18n/locales/es-ES.json b/i18n/locales/es-ES.json
index 713fe06f..d3d1d6b1 100644
--- a/i18n/locales/es-ES.json
+++ b/i18n/locales/es-ES.json
@@ -774,6 +774,10 @@
   "Skipped items": "Skipped items",
   "Archived items": "Archived items",
   "Failed items": "Failed items",
+  "ID": "ID",
+  "Started": "Started",
+  "Skipped": "Skipped",
+  "Errors & Logs": "Errors & Logs",
   "Unarchive the dataservice": "Unarchive the dataservice",
   "Archive the dataservice": "Archive the dataservice",
   "An archived dataservice is no longer indexed but still accessible for users with the direct link.": "An archived dataservice is no longer indexed but still accessible for users with the direct link.",
diff --git a/i18n/locales/fr-FR.json b/i18n/locales/fr-FR.json
index e9bc4a03..1466965d 100644
--- a/i18n/locales/fr-FR.json
+++ b/i18n/locales/fr-FR.json
@@ -802,6 +802,10 @@
   "Skipped items": "Éléments ignorés",
   "Archived items": "Éléments archivés",
   "Failed items": "Éléments en échec",
+  "ID": "ID",
+  "Started": "Démarré",
+  "Skipped": "Ignoré",
+  "Errors & Logs": "Erreurs & Logs",
   "Unarchive the dataservice": "Désarchiver cette API",
   "Archive the dataservice": "Archiver cette API",
   "An archived dataservice is no longer indexed but still accessible for users with the direct link.": "Une API archivée n'est plus indexée mais reste accessible aux utilisateurs avec un lien direct.",
diff --git a/package-lock.json b/package-lock.json
index 1c630b5c..16abbe5d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
         "@datagouv/components": "^2.0.4",
         "@datagouv/select-a11y": "^3.6.1",
         "@datagouv/vue-toaster": "^2.4.5",
-        "@floating-ui/vue": "^1.1.5",
+        "@floating-ui/vue": "^1.1.6",
         "@gouvfr/dsfr": "^1.11.1",
         "@headlessui/vue": "^1.7.23",
         "@iconify/vue": "^4.1.2",
@@ -1396,19 +1396,19 @@
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.2.8",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
       "license": "MIT"
     },
     "node_modules/@floating-ui/vue": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.5.tgz",
-      "integrity": "sha512-ynL1p5Z+woPVSwgMGqeDrx6HrJfGIDzFyESFkyqJKilGW1+h/8yVY29Khn0LaU6wHBRwZ13ntG6reiHWK6jyzw==",
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.6.tgz",
+      "integrity": "sha512-XFlUzGHGv12zbgHNk5FN2mUB7ROul3oG2ENdTpWdE+qMFxyNxWSRmsoyhiEnpmabNm6WnUvR1OvJfUfN4ojC1A==",
       "license": "MIT",
       "dependencies": {
         "@floating-ui/dom": "^1.0.0",
-        "@floating-ui/utils": "^0.2.8",
+        "@floating-ui/utils": "^0.2.9",
         "vue-demi": ">=0.13.0"
       }
     },
diff --git a/package.json b/package.json
index 2696c398..b506d2a2 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@datagouv/components": "^2.0.4",
     "@datagouv/select-a11y": "^3.6.1",
     "@datagouv/vue-toaster": "^2.4.5",
-    "@floating-ui/vue": "^1.1.5",
+    "@floating-ui/vue": "^1.1.6",
     "@gouvfr/dsfr": "^1.11.1",
     "@headlessui/vue": "^1.7.23",
     "@iconify/vue": "^4.1.2",