diff --git a/assets/ui.png b/assets/ui.png
index 5c2417a..f4b3654 100644
Binary files a/assets/ui.png and b/assets/ui.png differ
diff --git a/public/script.js b/public/script.js
index e8a988d..04af788 100644
--- a/public/script.js
+++ b/public/script.js
@@ -163,6 +163,10 @@ function displayClusterMembers(members) {
                         <div class="member-status ${statusClass}">
                             ${statusIcon} ${statusText}
                         </div>
+                        <div class="member-latency">
+                            <span class="latency-label">Latency:</span>
+                            <span class="latency-value">${member.latency ? member.latency + 'ms' : 'N/A'}</span>
+                        </div>
                     </div>
                     <div class="expand-icon">▶️</div>
                 </div>
diff --git a/public/styles.css b/public/styles.css
index 7520c83..48ba47f 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -261,6 +261,28 @@ p {
     border: 1px solid rgba(244, 67, 54, 0.5);
 }
 
+.member-latency {
+    font-size: 0.85rem;
+    margin-top: 0.5rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.latency-label {
+    color: rgba(255, 255, 255, 0.7);
+    font-weight: 500;
+}
+
+.latency-value {
+    color: #ecf0f1;
+    font-weight: 600;
+    background: rgba(0, 0, 0, 0.3);
+    padding: 0.2rem 0.5rem;
+    border-radius: 4px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
 .loading {
     text-align: center;
     padding: 2rem;