diff --git a/src/frontend/components/network-visualiser/NetworkVisualiser.vue b/src/frontend/components/network-visualiser/NetworkVisualiser.vue
index 92b8772..3b25371 100644
--- a/src/frontend/components/network-visualiser/NetworkVisualiser.vue
+++ b/src/frontend/components/network-visualiser/NetworkVisualiser.vue
@@ -315,7 +315,7 @@ export default {
 
                 if(announce.aspect === "lxmf.delivery"){
 
-                    const name = announce.display_name;
+                    const name = announce.custom_display_name ?? announce.display_name;
 
                     node.shape = "circularImage";
                     node.image = entry.hops === 1 ? "/assets/images/network-visualiser/user_1hop.png" : "/assets/images/network-visualiser/user.png";
@@ -334,7 +334,7 @@ export default {
 
                 if(announce.aspect === "nomadnetwork.node"){
 
-                    const name = announce.display_name;
+                    const name = announce.custom_display_name ?? announce.display_name;
 
                     node.shape = "circularImage";
                     node.image = entry.hops === 1 ? "/assets/images/network-visualiser/server_1hop.png" : "/assets/images/network-visualiser/server.png";