diff --git a/src/frontend/components/network-visualiser/NetworkVisualiser.vue b/src/frontend/components/network-visualiser/NetworkVisualiser.vue
index 3b25371..e6af05d 100644
--- a/src/frontend/components/network-visualiser/NetworkVisualiser.vue
+++ b/src/frontend/components/network-visualiser/NetworkVisualiser.vue
@@ -322,13 +322,14 @@ export default {
 
                     node.label = name;
                     node.title = [
-                        `Name: ${name}`,
+                        `Name: ${announce.display_name}`,
+                        announce.custom_display_name != null ? `Custom Name: ${announce.custom_display_name}` : null,
                         `Aspect: ${announce.aspect}`,
                         `Identity: ${announce.identity_hash}`,
                         `Destination: ${announce.destination_hash}`,
                         `Path: ${entry.hops} ${entry.hops === 1 ? 'Hop' : 'Hops'} via ${entry.interface}`,
                         `Announced At: ${announce.updated_at}`,
-                    ].join("\n");
+                    ].filter((line) => line != null).join("\n");
 
                 }
 
@@ -341,13 +342,14 @@ export default {
 
                     node.label = name;
                     node.title = [
-                        `Name: ${name}`,
+                        `Name: ${announce.display_name}`,
+                        announce.custom_display_name != null ? `Custom Name: ${announce.custom_display_name}` : null,
                         `Aspect: ${announce.aspect}`,
                         `Identity: ${announce.identity_hash}`,
                         `Destination: ${announce.destination_hash}`,
                         `Path: ${entry.hops} ${entry.hops === 1 ? 'Hop' : 'Hops'} via ${entry.interface}`,
                         `Announced At: ${announce.updated_at}`,
-                    ].join("\n");
+                    ].filter((line) => line != null).join("\n");
 
                 }