diff --git a/static/style.css b/static/style.css
index 26b713a..d70adbd 100644
--- a/static/style.css
+++ b/static/style.css
@@ -158,6 +158,13 @@ html, body { height: 100%; margin: 0; padding: 0; }
   line-height: 1.6;
 }
 
+.cluster-hint {
+  display: none;
+  font-size: 11px;
+  color: var(--muted-foreground);
+  margin-bottom: 10px;
+}
+
 .fuel-btn {
   padding: 4px 12px;
   border: 1px solid var(--border);
@@ -243,7 +250,7 @@ html, body { height: 100%; margin: 0; padding: 0; }
 #filter-toggle {
   display: none;             /* hidden on desktop */
   position: absolute;
-  bottom: 16px; left: 12px;
+  bottom: 24px; left: 12px;
   z-index: 1001;
   padding: 8px 14px;
   font-size: 13px; font-weight: 600;
@@ -295,11 +302,19 @@ html, body { height: 100%; margin: 0; padding: 0; }
   /* Hide the toggle when panel is open */
   #filter-toggle.hidden { display: none; }
 
-  /* Cluster tooltip: constrain on small screens */
-  .cluster-info-tooltip {
-    white-space: normal;
-    max-width: 70vw;
-    left: auto; right: 0;
-    transform: translateY(-50%);
+  /* Fuel & cluster toggle buttons: full-width on mobile */
+  #slider-panel .fuel-btns {
+    width: 100%;
   }
+  .fuel-btn {
+    flex: 1;
+    text-align: center;
+    padding: 8px 6px;
+    font-size: 13px;
+  }
+
+  /* Cluster tooltip: hide icon, show hint text on mobile */
+  .cluster-info-tip { display: none; }
+  .cluster-hint { display: block; }
+  .cluster-row { margin-bottom: 0; }
 }
diff --git a/templates/map.html b/templates/map.html
index 28a00ee..66636dd 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -26,8 +26,8 @@
       <button class="fuel-btn" data-fuel="super">Super</button>
       <button class="fuel-btn" data-fuel="diesel">Diesel</button>
     </div>
-    <div style="display:flex; align-items:center; gap:6px; margin-bottom:10px;">
-      <div class="fuel-btns" id="cluster-btns" style="margin-bottom:0;">
+    <div class="cluster-row" style="display:flex; align-items:center; gap:6px; margin-bottom:10px;">
+      <div class="fuel-btns" id="cluster-btns" style="margin-bottom:0; flex:1;">
         <button class="fuel-btn cluster-btn" data-mode="min">Min</button>
         <button class="fuel-btn cluster-btn active" data-mode="avg">Moy</button>
         <button class="fuel-btn cluster-btn" data-mode="max">Max</button>
@@ -43,6 +43,7 @@
         </div>
       </div>
     </div>
+    <div class="cluster-hint">Prix affiché sur chaque groupe de stations.</div>
     <label style="display:flex; align-items:center; gap:6px; margin-bottom:10px; font-size:14px; cursor:pointer;">
       <input type="checkbox" role="switch" id="costco-toggle" checked>
       Costco