diff --git a/app/components/architecture-visualisation-cytoscape/style.js b/app/components/architecture-visualisation-cytoscape/style.js
index 4b08443913db03d277bac02c22190d2860cb79ae..9a6e64422b11d6211279c90ac8bdad8c1bd20726 100644
--- a/app/components/architecture-visualisation-cytoscape/style.js
+++ b/app/components/architecture-visualisation-cytoscape/style.js
@@ -23,11 +23,17 @@ $node > node { /* compounds. "Nodes" in meta model. $ selects the parent node th
     padding-right: 10px;
     text-valign: top;
     text-halign: center;
+}
+
+[type="node"] {
     background-color: #CCC;
 }
 
-[type="red"] {
-    background-color: red;
+[type="nodeGroup"] {
+    background-color: white;
+    border-style: dotted;
+    border-color: #999;
+    border-width: 2px;
 }
 
 edge {
diff --git a/app/models/baseentity.js b/app/models/baseentity.js
index 23c9d13b55741a2e50e2a09eaecf8b2ecb5c0d28..bba66d488563f0fc41e28a5232e741307d78d81c 100644
--- a/app/models/baseentity.js
+++ b/app/models/baseentity.js
@@ -3,5 +3,6 @@ import attr from 'ember-data/attr';
 
 export default Model.extend({
     // id: attr('string') - not allowed to be listed by ember
-    systemId: attr('string') 
+    systemId: attr('string'),
+    type: attr('string')
 });