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..d7de994 100644
--- a/cmd/repeater/static/index.html
+++ b/cmd/repeater/static/index.html
@@ -26,11 +26,11 @@
                         <span class="status-text">Disconnected</span>
                     </div>
                     <div class="status-badge" id="ethernetStatus" hidden>
-                        <span class="status-dot active"></span>
+                        <span class="status-dot offline"></span>
                         <span class="status-text">Ethernet</span>
                     </div>
                     <div class="status-badge" id="hotspotStatus">
-                        <span class="status-dot active"></span>
+                        <span class="status-dot offline"></span>
                         <span class="status-text">Hotspot actif</span>
                     </div>
                 </div>