diff --git a/src/components/Connections.js b/src/components/Connections.js
index 2f8e319..aa26478 100644
--- a/src/components/Connections.js
+++ b/src/components/Connections.js
@@ -20,7 +20,9 @@ const paddingBottom = 30;
 
 function formatConnectionDataItem(i) {
   const { id, metadata, upload, download, start, chains, rule } = i;
-  const { host, destinationPort } = metadata;
+  let { host, destinationPort, destinationIP } = metadata;
+  // host could be an empty string if it's direct IP connection
+  if (host === '') host = destinationIP;
   const metadataNext = {
     ...metadata,
     // merge host and destinationPort into one column