diff --git a/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js b/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js
index bd35f6f3..dd21a243 100644
--- a/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js
+++ b/contrib/ui/mesh-ui/ui/assets/mesh-ui-es5.js
@@ -381,11 +381,15 @@ ui.getSelfInfo = function () {
   });
 };
 
+function replaceAll(string, search, replace) {
+  return string.split(search).join(replace);
+}
+
 ui.updateSelfInfo = function () {
   return ui.getSelfInfo().then(function (info) {
     $("ipv6").innerText = info.address;
     $("subnet").innerText = info.subnet;
-    $("coordinates").innerText = info.coords;
+    $("coordinates").innerText = "".concat('[',replaceAll(info.coords, ',', ' '),']');
     $("pub_key").innerText = info.key;
     $("priv_key").innerText = info.private_key;
     $("ipv6").innerText = info.address;
diff --git a/contrib/ui/mesh-ui/ui/assets/mesh-ui.js b/contrib/ui/mesh-ui/ui/assets/mesh-ui.js
index 3669716b..f873a7b9 100644
--- a/contrib/ui/mesh-ui/ui/assets/mesh-ui.js
+++ b/contrib/ui/mesh-ui/ui/assets/mesh-ui.js
@@ -357,12 +357,16 @@ ui.getSelfInfo = () =>
   fetch('api/self')
     .then((response) => response.json())
 
+function replaceAll(string, search, replace) {
+  return string.split(search).join(replace);
+}
+
 ui.updateSelfInfo = () =>
   ui.getSelfInfo()
     .then((info) => {
       $("ipv6").innerText = info.address;
       $("subnet").innerText = info.subnet;
-      $("coordinates").innerText = info.coords;
+      $("coordinates").innerText = "".concat('[',replaceAll(info.coords, ',', ' '),']');
       $("pub_key").innerText = info.key;
       $("priv_key").innerText = info.private_key;
       $("ipv6").innerText = info.address;