diff --git a/loko/assets/static/assets/unified_index.js b/loko/assets/static/assets/unified_index.js
index 7b35be1..678a676 100644
--- a/loko/assets/static/assets/unified_index.js
+++ b/loko/assets/static/assets/unified_index.js
@@ -1171,14 +1171,14 @@ $(document).ready(function () {
         document.getElementById('col-table').className = 'col-md-6';
         const colMap = document.getElementById('col-map');
         colMap.className = 'col-md-6';
-        colMap.style.cssText = 'position: relative; margin-top: 50px;';
+        colMap.style.cssText = 'position: relative; margin-top: 44px;';
         setLayoutActive('both');
     });
     document.getElementById('layout-btn-map').addEventListener('click', function () {
         document.getElementById('col-table').classList.add('d-none');
         const colMap = document.getElementById('col-map');
         colMap.className = 'col-12';
-        colMap.style.cssText = 'position: relative; margin-top: 50px;';
+        colMap.style.cssText = 'position: relative; margin-top: 44px;';
         setLayoutActive('map');
     });
 
diff --git a/loko/assets/templates/assets/unified_index.html b/loko/assets/templates/assets/unified_index.html
index b70829f..e503088 100644
--- a/loko/assets/templates/assets/unified_index.html
+++ b/loko/assets/templates/assets/unified_index.html
@@ -563,7 +563,7 @@
         </div>
 
         {# ─── Map column ──────────────────────────────────────────────────── #}
-        <div id="col-map" class="col-md-6" style="position: relative; margin-top: 50px;">
+        <div id="col-map" class="col-md-6" style="position: relative; margin-top: 44px;">
             <div id="info-panel">
                 <div class="panel-header">
                     <button id="info-panel-back" class="btn btn-sm btn-outline-secondary me-2" style="display:none;">
@@ -575,11 +575,10 @@
                 <div id="info-panel-content" class="panel-content"></div>
             </div>
 
-            <div id="assets-hint" class="small mt-2 mb-1 fst-italic" style="visibility:hidden; color:#0d6efd;">
-                <i class="bi bi-info-circle me-1"></i>{% translate "Choisissez une catégorie ou zoomez sur la carte pour voir les assets." %}
-            </div>
-
-            <div id="map" style="position: relative; height: calc(100vh - 240px);">
+            <div id="map" style="position: relative; height: calc(100vh - 200px);">
+                <div id="assets-hint" class="small fst-italic position-absolute start-50 translate-middle-x bg-white px-3 py-1 rounded-pill shadow-sm border" style="top: 10px; z-index: 5; visibility: hidden; color: #0d6efd; white-space: nowrap; pointer-events: none;">
+                    <i class="bi bi-info-circle me-1"></i>{% translate "Choisissez une catégorie ou zoomez sur la carte pour voir les assets." %}
+                </div>
                 <div id="totalsOverlay" class="totals-overlay">
                     <div class="totals-toolbar">
                         <strong>{% translate "Totaux des assets" %}</strong>