diff --git a/src/app/components/network-legend/network-legend.component.scss b/src/app/components/network-legend/network-legend.component.scss
index 8e67aa2c770c7fe7c137adf6cf73f1487cf4deab..bba868ab615b7285bc0d2458f5ea1123763ae2ec 100644
--- a/src/app/components/network-legend/network-legend.component.scss
+++ b/src/app/components/network-legend/network-legend.component.scss
@@ -19,6 +19,13 @@ div.legend {
       .text{
         font-style: italic;
       }
+      .box{
+        // class "box" exists in bulma css, we need only small changes
+        height: 100%;
+        width: 100%;
+        display: inline-block;
+        padding: unset;
+      }
       .ellipse{
         height: 75%;
         width: 100%;
diff --git a/src/app/config.ts b/src/app/config.ts
index 005a41fee872c603822003f8a8d3f7aeed95a9ed..da58c647057df73e70ab236265e95fe065994004 100644
--- a/src/app/config.ts
+++ b/src/app/config.ts
@@ -1,7 +1,7 @@
 export interface NodeGroup {
   groupName: string;
   color: string;
-  shape: 'circle' | 'triangle' | 'star' | 'square' | 'image' | 'text' | 'ellipse';
+  shape: 'circle' | 'triangle' | 'star' | 'square' | 'image' | 'text' | 'ellipse' | 'box';
   type: string;
   image?: string;
   detailShowLabel?: boolean;
diff --git a/src/index.html b/src/index.html
index 0283828dfbb973ea37562129b9dbb13e563ae0e9..267cf14b73e69522b4da02a25468670dc24d5a5a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -36,7 +36,7 @@
 
   <network-expander id="netexp1"
                     config='{
-                      "nodeGroups": {"0.5": {"type": "0.5er Instanz", "color": "rgb(204, 255, 51)", "groupName": "0.5", "shape": "ellipse"}, "patientgroup": {"type": "Patient", "detailShowLabel": "true", "color": "red", "groupName": "patient group", "shape": "circle"}},
+                      "nodeGroups": {"0.5": {"type": "0.5er Instanz", "color": "rgb(204, 255, 51)", "groupName": "0.5", "shape": "box"}, "patientgroup": {"type": "Patient", "detailShowLabel": "true", "color": "red", "groupName": "patient group", "shape": "circle"}},
                       "edgeGroups": {"dashes": {"color": "black", "groupName": "dashes Group", "dashes": [1, 2]}, "notdashes": {"color": "black", "groupName": "not dashes Group"}},
                       "identifier": "symbol"
                     }'