diff --git a/cmd/repeater/static/app.js b/cmd/repeater/static/app.js
index 75240c1..3d0d7e0 100644
--- a/cmd/repeater/static/app.js
+++ b/cmd/repeater/static/app.js
@@ -286,11 +286,14 @@ function updateStatusDisplay(status) {
 
     // Update Ethernet uplink badge
     const ethernetStatus = document.getElementById('ethernetStatus');
+    const ethernetDot = ethernetStatus.querySelector('.status-dot');
     const ethernetText = ethernetStatus.querySelector('.status-text');
     if (status.ethernetStatus?.active) {
+        ethernetDot.className = 'status-dot active';
         ethernetText.textContent = `Ethernet · ${status.ethernetStatus.ipv4 || status.ethernetStatus.interface}`;
         ethernetStatus.hidden = false;
     } else {
+        ethernetDot.className = 'status-dot offline';
         ethernetStatus.hidden = true;
     }
 
diff --git a/cmd/repeater/static/index.html b/cmd/repeater/static/index.html
index b0f96b8..dd89abb 100644
--- a/cmd/repeater/static/index.html
+++ b/cmd/repeater/static/index.html
@@ -22,16 +22,16 @@
                 </div>
                 <div class="connection-info">
                     <div class="status-badge" id="wifiStatus">
-                        <span class="status-dot offline"></span>
-                        <span class="status-text">Disconnected</span>
+                        <span class="status-dot loading"></span>
+                        <span class="status-text">Chargement…</span>
                     </div>
                     <div class="status-badge" id="ethernetStatus" hidden>
-                        <span class="status-dot active"></span>
+                        <span class="status-dot loading"></span>
                         <span class="status-text">Ethernet</span>
                     </div>
                     <div class="status-badge" id="hotspotStatus">
-                        <span class="status-dot active"></span>
-                        <span class="status-text">Hotspot actif</span>
+                        <span class="status-dot loading"></span>
+                        <span class="status-text">Chargement…</span>
                     </div>
                 </div>
             </div>
diff --git a/cmd/repeater/static/style.css b/cmd/repeater/static/style.css
index dbad213..5967985 100644
--- a/cmd/repeater/static/style.css
+++ b/cmd/repeater/static/style.css
@@ -131,6 +131,11 @@ body {
     animation: blink 1.2s ease-in-out infinite;
 }
 
+.status-dot.loading {
+    background: var(--text-tertiary);
+    animation: pulse 1.5s ease-in-out infinite;
+}
+
 @keyframes blink {
     0%, 100% { opacity: 1; }
     50% { opacity: 0.3; }