diff --git a/public/scripts/components/ClusterMembersComponent.js b/public/scripts/components/ClusterMembersComponent.js
index 8a33db5..0f994fd 100644
--- a/public/scripts/components/ClusterMembersComponent.js
+++ b/public/scripts/components/ClusterMembersComponent.js
@@ -79,6 +79,19 @@ class ClusterMembersComponent extends Component {
 	openDrawerForMember(memberIp) {
 		this.ensureDrawer();
 
+		// Set drawer title to member name (hostname) or IP
+		try {
+			const members = (this.viewModel && typeof this.viewModel.get === 'function') ? this.viewModel.get('members') : [];
+			const member = Array.isArray(members) ? members.find(m => m && m.ip === memberIp) : null;
+			const displayName = (member && member.hostname) ? member.hostname : (member && member.ip) ? member.ip : memberIp;
+			const titleEl = this.detailsDrawer.querySelector('.drawer-title');
+			if (titleEl) {
+				titleEl.textContent = displayName;
+			}
+		} catch (_) {
+			// no-op if anything goes wrong, default title remains
+		}
+
 		// Clear previous component if any
 		if (this.activeDrawerComponent && typeof this.activeDrawerComponent.unmount === 'function') {
 			try { this.activeDrawerComponent.unmount(); } catch (_) {}