diff --git a/src/visualizers/panels/CommViz/CommVizControl.js b/src/visualizers/panels/CommViz/CommVizControl.js
index 1aa08f04..f0d91036 100644
--- a/src/visualizers/panels/CommViz/CommVizControl.js
+++ b/src/visualizers/panels/CommViz/CommVizControl.js
@@ -100,7 +100,9 @@
 	'Message',
 	'Service',
 	'Advertised Message',
-	'Advertised Service'
+	'Advertised Service',
+	'External Message',
+	'External Service'
     ];
 
     var connectionTypes = [
@@ -172,7 +174,9 @@
 		objDescriptor.type == 'Message' ||
 		objDescriptor.type == 'Service' ||
 		objDescriptor.type == 'Advertised Message' ||
-		objDescriptor.type == 'Advertised Service') {
+		objDescriptor.type == 'Advertised Service' ||
+		objDescriptor.type == 'External Message' ||
+		objDescriptor.type == 'Exteranl Service') {
 		objDescriptor.parentId = null;
 	    }
         }
diff --git a/src/visualizers/widgets/CommViz/style2.css b/src/visualizers/widgets/CommViz/style2.css
index 2711a918..846bb80b 100644
--- a/src/visualizers/widgets/CommViz/style2.css
+++ b/src/visualizers/widgets/CommViz/style2.css
@@ -106,6 +106,7 @@ node[allLogging = "True"] {
 }
 
 node[NodeType = "Message"],
+node[NodeType = "External Message"],
 node[NodeType = "Advertised Message"] {
     background-color: green;
     text-outline-color: green;
@@ -118,6 +119,7 @@ edge[type = "Publisher"] {
 }
 
 node[NodeType = "Service"],
+node[NodeType = "External Service"],
 node[NodeType = "Advertised Service"] {
     background-color: #DE3128;
     text-outline-color: #DE3128;