diff --git a/src/app/components/network-legend/network-legend.component.html b/src/app/components/network-legend/network-legend.component.html
index 9d54cb342379ada779dc60d0516ff2d85ce0f406..e90c6498465b622822a86043cb805719c0fe3cd6 100644
--- a/src/app/components/network-legend/network-legend.component.html
+++ b/src/app/components/network-legend/network-legend.component.html
@@ -38,6 +38,11 @@
               >
               </span>
             </td>
+            <td *ngSwitchCase="'circle'">
+              <span class="node {{ nodeGroup.value.shape }}" [style.background-color]=nodeGroup.value.color>
+              ...
+              </span>
+              </td>
             <td *ngSwitchDefault>
               <span class="node {{ nodeGroup.value.shape }}" [style.background-color]=nodeGroup.value.color>
               </span>
diff --git a/src/app/components/network-legend/network-legend.component.scss b/src/app/components/network-legend/network-legend.component.scss
index 2bb0011222cae2b57c512ab7c5ce9880f0cf4339..7e5d263b85e737353ecac6373cd85f8086b3bc27 100644
--- a/src/app/components/network-legend/network-legend.component.scss
+++ b/src/app/components/network-legend/network-legend.component.scss
@@ -28,7 +28,7 @@ div.legend {
         display: inline-block;
       }
       .box{
-        // class "box" exists in bulma css, we need only small changes
+        // class "box" exists in bulma css, only small changes needed
         height: 100%;
         width: 100%;
         display: inline-block;
@@ -39,13 +39,21 @@ div.legend {
         width: 100%;
         border-radius: 50%;
         display: inline-block;
-    }
+      }
+      .dot{
+        background: $legend-default-background-color;
+        border-radius: 50%;
+        width: $legend-circle-size;
+        height: $legend-circle-size;
+        display: inline-block;
+      }
       .circle{
         background: $legend-default-background-color;
         border-radius: 50%;
         width: $legend-circle-size;
         height: $legend-circle-size;
         display: inline-block;
+        text-align: center;
       }
       .triangle{
         width: 0;
diff --git a/src/app/config.ts b/src/app/config.ts
index 50bfb974ee5a098df53920f0811e4e507aa2b4a2..09c462e1692f4f01fcb12bae6fc163f15d8d30f4 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' | 'box' | 'diamond';
+  shape: 'circle' | 'triangle' | 'star' | 'square' | 'image' | 'text' | 'ellipse' | 'box' | 'diamond' | 'dot';
   type: string;
   image?: string;
   detailShowLabel?: boolean;
diff --git a/src/index.html b/src/index.html
index 008027054a28eadef07cedf3372539efad9c512b..b36d924c9537d9df4a42dfad11c272ee681458c5 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": "diamond"}, "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": "circle"}, "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"
                     }'
diff --git a/src/styles.scss b/src/styles.scss
index eae2fd7d31a8764f960d3db3ac001c32871c0f27..46417e24cf7ee620b8f2ff6eab1070082d00dfc4 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -44,7 +44,6 @@ img.menu-icon.is-hoverable.navbar-item.logo {
     overflow-y: scroll;
     padding-right: 5px;
   }
-
 }
 
 div.navbar-menu {