diff --git a/contrib/ui/mesh-ui/ui/assets/mesh-ui.css b/contrib/ui/mesh-ui/ui/assets/mesh-ui.css
index edf427e1..b7dfdad5 100644
--- a/contrib/ui/mesh-ui/ui/assets/mesh-ui.css
+++ b/contrib/ui/mesh-ui/ui/assets/mesh-ui.css
@@ -17,6 +17,7 @@
 .overflow-ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .column {
@@ -82,5 +83,6 @@ td.fi {
 }
 
 .peer-connected-fl {
-  width: 3em;
+  width: 2em;
+  background-position: 0;
 }
diff --git a/contrib/ui/mesh-ui/ui/assets/mesh-ui.js b/contrib/ui/mesh-ui/ui/assets/mesh-ui.js
index 839cfe74..61c2bd57 100644
--- a/contrib/ui/mesh-ui/ui/assets/mesh-ui.js
+++ b/contrib/ui/mesh-ui/ui/assets/mesh-ui.js
@@ -287,6 +287,7 @@ ui.updateConnectedPeersHandler = (cont) => {
                            .sort((a, b) => a.isMulticast > b.isMulticast);
   sorted.forEach(peer => {
     let row = $("peers").appendChild(document.createElement('div'));
+    row.className = "overflow-ellipsis"
     let flag =  row.appendChild(document.createElement("span"));
     if(peer.isMulticast)
       flag.className = "fa fa-thin fa-share-nodes peer-connected-fl";