diff --git a/app/package.json b/app/package.json
index 8339ac47..6d6f0cb0 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "app",
-  "version": "1.41.2",
+  "version": "1.41.3",
   "main": "module/module.js",
   "license": "MIT",
   "scripts": {
diff --git a/app/src/lib/templates/code-flow-template.ts b/app/src/lib/templates/code-flow-template.ts
index f86ed67e..c769c144 100644
--- a/app/src/lib/templates/code-flow-template.ts
+++ b/app/src/lib/templates/code-flow-template.ts
@@ -20,7 +20,7 @@ User
 
 const template = `=====
 {
-  "cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400&display=swap\\");\\n\\n$background: white;\\n$color: #000000;\\n$fontFamilySans: \\"IBM Plex Sans\\";\\n$blue: #3375e5;\\n$purple: #8b53e6;\\n$red: #e63946;\\n$orange: #f4a261;\\n$yellow: #f1fa3b;\\n$green: #72d9b3;\\n$grey: #8f8f8f;\\n$lightgrey: #3a3636;\\n\\nedge {\\n  width: 1px;\\n  curve-style: taxi;\\n  taxi-direction: downward;\\n  target-arrow-shape: triangle;\\n  line-color: $lightgrey;\\n  source-arrow-color: $lightgrey;\\n  target-arrow-color: $lightgrey;\\n  arrow-scale: 1.25;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 5;\\n  font-family: $fontFamilySans;\\n  font-size: 14;\\n  source-distance-from-node: 0;\\n  target-distance-from-node: 5;\\n}\\n\\n:childless[shapeWidth] {\\n  width: data(shapeWidth);\\n}\\n\\n:childless[shapeHeight] {\\n  height: data(shapeHeight);\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamilySans;\\n  text-wrap: wrap;\\n  text-max-width: 200;\\n  width: 200;\\n  height: label;\\n  font-size: 16;\\n  padding: 24;\\n  text-valign: center;\\n  text-halign: center;\\n  line-height: 1.4;\\n  shape: roundrectangle;\\n  background-color: $grey;\\n  color: white;\\n  border-color: $grey;\\n  border-width: 2;\\n  border-style: solid;\\n  font-weight: 400;\\n}\\n\\n/** Start */\\n:childless[in_degree < 1][out_degree > 0] {\\n  shape: roundrectangle;\\n  border-color: $color;\\n  background-color: white;\\n  color: $color;\\n}\\n\\n/** Branching */\\n:childless[in_degree > 0][in_degree < 2][out_degree > 1] {\\n  shape: diamond;\\n  background-color: $blue;\\n  color: white;\\n  height: 200;\\n  text-margin-y: 2;\\n}\\n\\n/** Merging **/\\n:childless[in_degree > 1][out_degree > 0][out_degree < 2] {\\n}\\n\\n:childless.color_red {\\n  background-color: $red;\\n  color: white;\\n}\\n:childless.color_orange {\\n  background-color: $orange;\\n  color: white;\\n}\\n:childless.color_yellow {\\n  background-color: $yellow;\\n}\\n:childless.color_green {\\n  border-color: $green;\\n  background-color: #f0fbf8;\\n  color: $color;\\n}\\n:childless.color_blue {\\n  border-color: $blue;\\n  background-color: #d7e9fc;\\n  color: $color;\\n}\\n:childless.color_purple {\\n  border-color: $purple;\\n  background-color: #e1d8f4;\\n  color: $color;\\n}\\n:childless.color_grey {\\n  background-color: $grey;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-width: 2;\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-width: 2;\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-width: 2;\\n  border-style: dotted;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamilyMono;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
+  "cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400&display=swap\\");\\n\\n$background: white;\\n$color: #000000;\\n$fontFamilySans: \\"IBM Plex Sans\\";\\n$blue: #3375e5;\\n$purple: #8b53e6;\\n$red: #e63946;\\n$orange: #f4a261;\\n$yellow: #f1fa3b;\\n$green: #72d9b3;\\n$grey: #8f8f8f;\\n$lightgrey: #3a3636;\\n\\nedge {\\ntext-wrap: wrap;\\n  width: 1px;\\n  curve-style: taxi;\\n  taxi-direction: downward;\\n  target-arrow-shape: triangle;\\n  line-color: $lightgrey;\\n  source-arrow-color: $lightgrey;\\n  target-arrow-color: $lightgrey;\\n  arrow-scale: 1.25;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 5;\\n  font-family: $fontFamilySans;\\n  font-size: 14;\\n  source-distance-from-node: 0;\\n  target-distance-from-node: 5;\\n}\\n\\n:childless[shapeWidth] {\\n  width: data(shapeWidth);\\n}\\n\\n:childless[shapeHeight] {\\n  height: data(shapeHeight);\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamilySans;\\n  text-wrap: wrap;\\n  text-max-width: 200;\\n  width: 200;\\n  height: label;\\n  font-size: 16;\\n  padding: 24;\\n  text-valign: center;\\n  text-halign: center;\\n  line-height: 1.4;\\n  shape: roundrectangle;\\n  background-color: $grey;\\n  color: white;\\n  border-color: $grey;\\n  border-width: 2;\\n  border-style: solid;\\n  font-weight: 400;\\n}\\n\\n/** Start */\\n:childless[in_degree < 1][out_degree > 0] {\\n  shape: roundrectangle;\\n  border-color: $color;\\n  background-color: white;\\n  color: $color;\\n}\\n\\n/** Branching */\\n:childless[in_degree > 0][in_degree < 2][out_degree > 1] {\\n  shape: diamond;\\n  background-color: $blue;\\n  color: white;\\n  height: 200;\\n  text-margin-y: 2;\\n}\\n\\n/** Merging **/\\n:childless[in_degree > 1][out_degree > 0][out_degree < 2] {\\n}\\n\\n:childless.color_red {\\n  background-color: $red;\\n  color: white;\\n}\\n:childless.color_orange {\\n  background-color: $orange;\\n  color: white;\\n}\\n:childless.color_yellow {\\n  background-color: $yellow;\\n}\\n:childless.color_green {\\n  border-color: $green;\\n  background-color: #f0fbf8;\\n  color: $color;\\n}\\n:childless.color_blue {\\n  border-color: $blue;\\n  background-color: #d7e9fc;\\n  color: $color;\\n}\\n:childless.color_purple {\\n  border-color: $purple;\\n  background-color: #e1d8f4;\\n  color: $color;\\n}\\n:childless.color_grey {\\n  background-color: $grey;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-width: 2;\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-width: 2;\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-width: 2;\\n  border-style: dotted;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamilyMono;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
   "layout": {
     "name": "dagre",
     "spacingFactor": 1.01,
diff --git a/app/src/lib/templates/flowchart-template.ts b/app/src/lib/templates/flowchart-template.ts
index 79f6ae61..41f90376 100644
--- a/app/src/lib/templates/flowchart-template.ts
+++ b/app/src/lib/templates/flowchart-template.ts
@@ -15,7 +15,7 @@ Research
 
 const template = `=====
 {
-"cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=REM&display=swap\\");\\n\\n$background: #f0f3f5;\\n$color: #1a1a1a;\\n$fontFamily: \\"REM\\", sans-serif;\\n$red: #ed6e49;\\n$orange: #f4a261;\\n$yellow: #f5c844;\\n$green: #11ac9a;\\n$blue: #4351d1;\\n$pink: #f5c3c2;\\n$grey: #f2eded;\\n\\nedge {\\n  width: 2px;\\n  curve-style: bezier;\\n  target-arrow-shape: vee;\\n  arrow-scale: 1.5;\\n  line-color: #5a5a5a;\\n  source-arrow-color: #5a5a5a;\\n  target-arrow-color: #5a5a5a;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 5;\\n  font-family: $fontFamily;\\n  font-size: 14;\\n}\\n\\n:childless[shapeWidth] {\\n  width: data(shapeWidth);\\n}\\n\\n:childless[shapeHeight] {\\n  height: data(shapeHeight);\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamily;\\n  text-wrap: wrap;\\n  text-max-width: 150;\\n  width: 200;\\n  height: 100;\\n  font-size: 16;\\n  text-valign: center;\\n  text-halign: center;\\n  line-height: 1.4;\\n  shape: rectangle;\\n  background-color: $yellow;\\n  color: $color;\\n  border-width: 0;\\n  font-weight: 500;\\n}\\n\\n/** Start */\\n:childless[in_degree < 1][out_degree > 0] {\\n  border-width: 0;\\n  shape: roundrectangle;\\n  background-color: $color;\\n  color: white;\\n}\\n\\n/** Terminal */\\n:childless[out_degree < 1][in_degree > 0] {\\n  border-width: 0;\\n  shape: roundrectangle;\\n  background-color: $color;\\n  color: white;\\n}\\n\\n/** Branching */\\n:childless[in_degree > 0][in_degree < 2][out_degree > 1] {\\n  shape: diamond;\\n  background-color: $red;\\n  color: white;\\n  height: 200;\\n  border-width: 0;\\n  text-margin-y: 2;\\n}\\n\\n/** Merging **/\\n:childless[in_degree > 1][out_degree > 0][out_degree < 2] {\\n}\\n\\n:childless.color_red {\\n  background-color: $red;\\n  color: white;\\n}\\n:childless.color_orange {\\n  background-color: $orange;\\n  color: white;\\n}\\n:childless.color_yellow {\\n  background-color: $yellow;\\n}\\n:childless.color_green {\\n  background-color: $green;\\n  color: white;\\n}\\n:childless.color_blue {\\n  background-color: $blue;\\n  color: white;\\n}\\n:childless.color_pink {\\n  background-color: $pink;\\n  color: $color;\\n}\\n:childless.color_grey {\\n  background-color: $grey;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-width: 2;\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-width: 2;\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-width: 2;\\n  border-style: dotted;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamily;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
+"cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=REM&display=swap\\");\\n\\n$background: #f0f3f5;\\n$color: #1a1a1a;\\n$fontFamily: \\"REM\\", sans-serif;\\n$red: #ed6e49;\\n$orange: #f4a261;\\n$yellow: #f5c844;\\n$green: #11ac9a;\\n$blue: #4351d1;\\n$pink: #f5c3c2;\\n$grey: #f2eded;\\n\\nedge {\\ntext-wrap: wrap;\\n  width: 2px;\\n  curve-style: bezier;\\n  target-arrow-shape: vee;\\n  arrow-scale: 1.5;\\n  line-color: #5a5a5a;\\n  source-arrow-color: #5a5a5a;\\n  target-arrow-color: #5a5a5a;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 5;\\n  font-family: $fontFamily;\\n  font-size: 14;\\n}\\n\\n:childless[shapeWidth] {\\n  width: data(shapeWidth);\\n}\\n\\n:childless[shapeHeight] {\\n  height: data(shapeHeight);\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamily;\\n  text-wrap: wrap;\\n  text-max-width: 150;\\n  width: 200;\\n  height: 100;\\n  font-size: 16;\\n  text-valign: center;\\n  text-halign: center;\\n  line-height: 1.4;\\n  shape: rectangle;\\n  background-color: $yellow;\\n  color: $color;\\n  border-width: 0;\\n  font-weight: 500;\\n}\\n\\n/** Start */\\n:childless[in_degree < 1][out_degree > 0] {\\n  border-width: 0;\\n  shape: roundrectangle;\\n  background-color: $color;\\n  color: white;\\n}\\n\\n/** Terminal */\\n:childless[out_degree < 1][in_degree > 0] {\\n  border-width: 0;\\n  shape: roundrectangle;\\n  background-color: $color;\\n  color: white;\\n}\\n\\n/** Branching */\\n:childless[in_degree > 0][in_degree < 2][out_degree > 1] {\\n  shape: diamond;\\n  background-color: $red;\\n  color: white;\\n  height: 200;\\n  border-width: 0;\\n  text-margin-y: 2;\\n}\\n\\n/** Merging **/\\n:childless[in_degree > 1][out_degree > 0][out_degree < 2] {\\n}\\n\\n:childless.color_red {\\n  background-color: $red;\\n  color: white;\\n}\\n:childless.color_orange {\\n  background-color: $orange;\\n  color: white;\\n}\\n:childless.color_yellow {\\n  background-color: $yellow;\\n}\\n:childless.color_green {\\n  background-color: $green;\\n  color: white;\\n}\\n:childless.color_blue {\\n  background-color: $blue;\\n  color: white;\\n}\\n:childless.color_pink {\\n  background-color: $pink;\\n  color: $color;\\n}\\n:childless.color_grey {\\n  background-color: $grey;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-width: 2;\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-width: 2;\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-width: 2;\\n  border-style: dotted;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamily;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
 "layout": {
   "name": "dagre",
   "spacingFactor": 1.05
diff --git a/app/src/lib/templates/knowledge-graph-template.ts b/app/src/lib/templates/knowledge-graph-template.ts
index aa32d2bc..f869fe99 100644
--- a/app/src/lib/templates/knowledge-graph-template.ts
+++ b/app/src/lib/templates/knowledge-graph-template.ts
@@ -19,7 +19,7 @@ Religious Disputes #8
 
 const template = `=====
 {
-"cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=Inclusive+Sans&display=swap\\");\\n\\n$background: rgb(239, 239, 239);\\n$color: #314137;\\n$fontFamily: \\"Inclusive Sans\\", sans-serif;\\n$green: #75ed99;\\n$red: #f88373;\\n$orange: #ffb566;\\n$purple: #a7a3fa;\\n$grey: #d3cec8;\\n\\nedge {\\n  width: 2px;\\n  curve-style: bezier;\\n  target-arrow-shape: triangle;\\n  line-color: $color;\\n  source-arrow-color: $color;\\n  target-arrow-color: $color;\\n  arrow-scale: 1.25;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 2.5;\\n  font-family: $fontFamily;\\n  font-size: 14;\\n  source-distance-from-node: 0;\\n  target-distance-from-node: 4;\\n  text-rotation: autorotate;\\n}\\n\\n:childless[shapeWidth] {\\n  width: data(shapeWidth);\\n}\\n\\n:childless[shapeHeight] {\\n  height: data(shapeHeight);\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamily;\\n  text-wrap: wrap;\\n  text-max-width: 100;\\n  width: 140;\\n  height: label;\\n  padding: 20;\\n  font-size: 16;\\n  text-valign: center;\\n  text-halign: center;\\n  line-height: 1.4;\\n  shape: rectangle;\\n  background-color: white;\\n  color: $color;\\n  border-color: $color;\\n  border-width: 0;\\n  border-style: solid;\\n  font-weight: 500;\\n}\\n\\n:childless.color_red {\\n  background-color: $red;\\n}\\n:childless.color_orange {\\n  background-color: $orange;\\n}\\n:childless.color_green {\\n  background-color: $green;\\n}\\n:childless.color_purple {\\n  background-color: $purple;\\n}\\n:childless.color_grey {\\n  background-color: $grey;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n  height: 120;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-width: 2;\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-width: 2;\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-width: 2;\\n  border-style: dotted;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamily;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
+"cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=Inclusive+Sans&display=swap\\");\\n\\n$background: rgb(239, 239, 239);\\n$color: #314137;\\n$fontFamily: \\"Inclusive Sans\\", sans-serif;\\n$green: #75ed99;\\n$red: #f88373;\\n$orange: #ffb566;\\n$purple: #a7a3fa;\\n$grey: #d3cec8;\\n\\nedge {\\ntext-wrap: wrap;\\n  width: 2px;\\n  curve-style: bezier;\\n  target-arrow-shape: triangle;\\n  line-color: $color;\\n  source-arrow-color: $color;\\n  target-arrow-color: $color;\\n  arrow-scale: 1.25;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 2.5;\\n  font-family: $fontFamily;\\n  font-size: 14;\\n  source-distance-from-node: 0;\\n  target-distance-from-node: 4;\\n  text-rotation: autorotate;\\n}\\n\\n:childless[shapeWidth] {\\n  width: data(shapeWidth);\\n}\\n\\n:childless[shapeHeight] {\\n  height: data(shapeHeight);\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamily;\\n  text-wrap: wrap;\\n  text-max-width: 100;\\n  width: 140;\\n  height: label;\\n  padding: 20;\\n  font-size: 16;\\n  text-valign: center;\\n  text-halign: center;\\n  line-height: 1.4;\\n  shape: rectangle;\\n  background-color: white;\\n  color: $color;\\n  border-color: $color;\\n  border-width: 0;\\n  border-style: solid;\\n  font-weight: 500;\\n}\\n\\n:childless.color_red {\\n  background-color: $red;\\n}\\n:childless.color_orange {\\n  background-color: $orange;\\n}\\n:childless.color_green {\\n  background-color: $green;\\n}\\n:childless.color_purple {\\n  background-color: $purple;\\n}\\n:childless.color_grey {\\n  background-color: $grey;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n  height: 120;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-width: 2;\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-width: 2;\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-width: 2;\\n  border-style: dotted;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamily;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
 "layout": {
   "name": "cose",
   "spacingFactor": 1.5
diff --git a/app/src/lib/templates/mindmap-template.ts b/app/src/lib/templates/mindmap-template.ts
index ad1020ca..ff2dbdc9 100644
--- a/app/src/lib/templates/mindmap-template.ts
+++ b/app/src/lib/templates/mindmap-template.ts
@@ -16,7 +16,7 @@ Mind Mapping .size_lg
 
 const template = `=====
 {
-  "cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=Kalam&display=swap\\");\\n\\n$background: white;\\n$color: #314137;\\n$fontFamily: \\"Kalam\\", sans-serif;\\n$green: #ddff75;\\n$blue: #bde2ff;\\n$orange: #ffe253;\\n$pink: #ffb6bc;\\n$grey: #f2f0ea;\\n$borderWidth: 1.5;\\n\\nedge {\\n  width: $borderWidth;\\n  curve-style: bezier;\\n  target-arrow-shape: triangle-backcurve;\\n  line-color: $color;\\n  source-arrow-color: $color;\\n  target-arrow-color: $color;\\n  arrow-scale: 1.25;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 5;\\n  font-family: $fontFamily;\\n  font-size: 14;\\n  source-distance-from-node: 0;\\n  target-distance-from-node: 7;\\n}\\n\\n:childless[shapeWidth] {\\n  width: data(shapeWidth);\\n}\\n\\n:childless[shapeHeight] {\\n  height: data(shapeHeight);\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamily;\\n  text-wrap: wrap;\\n  text-max-width: 100;\\n  width: 120;\\n  height: label;\\n  padding: 16;\\n  font-size: 16;\\n  text-valign: center;\\n  text-justification: center;\\n  text-margin-y: 2;\\n  line-height: 1.2;\\n  shape: ellipse;\\n  background-color: $background;\\n  color: $color;\\n  border-color: black;\\n  border-width: $borderWidth;\\n  border-style: solid;\\n}\\n\\n:childless.size_lg {\\n  font-size: 30;\\n  width: 150;\\n  line-height: 1;\\n  text-max-width: 130;\\n}\\n\\n:childless.color_orange {\\n  background-color: $orange;\\n}\\n:childless.color_green {\\n  background-color: $green;\\n}\\n:childless.color_pink {\\n  background-color: $pink;\\n}\\n:childless.color_grey {\\n  background-color: $grey;\\n}\\n:childless.color_blue {\\n  background-color: $blue;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-width: 2;\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-width: 2;\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-width: 2;\\n  border-style: dotted;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamily;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
+  "cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=Kalam&display=swap\\");\\n\\n$background: white;\\n$color: #314137;\\n$fontFamily: \\"Kalam\\", sans-serif;\\n$green: #ddff75;\\n$blue: #bde2ff;\\n$orange: #ffe253;\\n$pink: #ffb6bc;\\n$grey: #f2f0ea;\\n$borderWidth: 1.5;\\n\\nedge {\\ntext-wrap: wrap;\\n  width: $borderWidth;\\n  curve-style: bezier;\\n  target-arrow-shape: triangle-backcurve;\\n  line-color: $color;\\n  source-arrow-color: $color;\\n  target-arrow-color: $color;\\n  arrow-scale: 1.25;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 5;\\n  font-family: $fontFamily;\\n  font-size: 14;\\n  source-distance-from-node: 0;\\n  target-distance-from-node: 7;\\n}\\n\\n:childless[shapeWidth] {\\n  width: data(shapeWidth);\\n}\\n\\n:childless[shapeHeight] {\\n  height: data(shapeHeight);\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamily;\\n  text-wrap: wrap;\\n  text-max-width: 100;\\n  width: 120;\\n  height: label;\\n  padding: 16;\\n  font-size: 16;\\n  text-valign: center;\\n  text-justification: center;\\n  text-margin-y: 2;\\n  line-height: 1.2;\\n  shape: ellipse;\\n  background-color: $background;\\n  color: $color;\\n  border-color: black;\\n  border-width: $borderWidth;\\n  border-style: solid;\\n}\\n\\n:childless.size_lg {\\n  font-size: 30;\\n  width: 150;\\n  line-height: 1;\\n  text-max-width: 130;\\n}\\n\\n:childless.color_orange {\\n  background-color: $orange;\\n}\\n:childless.color_green {\\n  background-color: $green;\\n}\\n:childless.color_pink {\\n  background-color: $pink;\\n}\\n:childless.color_grey {\\n  background-color: $grey;\\n}\\n:childless.color_blue {\\n  background-color: $blue;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-width: 2;\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-width: 2;\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-width: 2;\\n  border-style: dotted;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamily;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
   "layout": {
     "name": "cose",
     "spacingFactor": 1.14
diff --git a/app/src/lib/templates/org-chart-template.ts b/app/src/lib/templates/org-chart-template.ts
index f9c316f0..a1eb6f5d 100644
--- a/app/src/lib/templates/org-chart-template.ts
+++ b/app/src/lib/templates/org-chart-template.ts
@@ -15,7 +15,7 @@ Saraswati Sharma .size_lg.color_pink
 
 const template = `=====
 {
-  "cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=Onest:wght@300&display=swap\\");\\n\\n$background: #fefdf9;\\n$color: #2a2a26;\\n$fontFamily: \\"Onest\\", sans-serif;\\n$red: #f1bfb8;\\n$orange: #ff8e16;\\n$yellow: #f8edba;\\n$green: #b1d1d3;\\n$blue: #c1e1f8;\\n$pink: #e9b5da;\\n$purple: #d0a9e1;\\n$grey: #cacaca;\\n\\nedge {\\n  width: 1;\\n  curve-style: taxi;\\n  taxi-direction: downward;\\n  line-color: $color;\\n  source-arrow-color: $color;\\n  target-arrow-color: $color;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 5;\\n  font-family: $fontFamily;\\n  font-size: 14;\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamily;\\n  font-size: 16;\\n  text-valign: center;\\n  text-halign: center;\\n  width: 180;\\n  height: label;\\n  padding: 16;\\n  line-height: 1.4;\\n  shape: roundrectangle;\\n  background-color: $background;\\n  color: $color;\\n  border-color: $color;\\n  border-width: 1;\\n  border-style: solid;\\n  font-weight: 300;\\n  text-margin-y: 1;\\n}\\n\\n:childless.color_red {\\n  background-color: $red;\\n  border-color: #be8179;\\n}\\n:childless.color_yellow {\\n  background-color: $yellow;\\n  border-color: #c8bd84;\\n}\\n:childless.color_green {\\n  background-color: $green;\\n  border-color: #7ea9a5;\\n}\\n:childless.color_blue {\\n  background-color: $blue;\\n  border-color: #89add1;\\n}\\n:childless.color_purple {\\n  background-color: $purple;\\n  border-color: #aa82ba;\\n}\\n:childless.color_pink {\\n  background-color: $pink;\\n  border-color: #a585b1;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-style: dotted;\\n}\\n\\n:childless.size_lg {\\n  font-size: 24;\\n  padding: 18;\\n  width: 250;\\n  text-margin-y: 2;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamily;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
+  "cytoscapeStyle": "@import url(\\"https://fonts.googleapis.com/css2?family=Onest:wght@300&display=swap\\");\\n\\n$background: #fefdf9;\\n$color: #2a2a26;\\n$fontFamily: \\"Onest\\", sans-serif;\\n$red: #f1bfb8;\\n$orange: #ff8e16;\\n$yellow: #f8edba;\\n$green: #b1d1d3;\\n$blue: #c1e1f8;\\n$pink: #e9b5da;\\n$purple: #d0a9e1;\\n$grey: #cacaca;\\n\\nedge {\\ntext-wrap: wrap;\\n  width: 1;\\n  curve-style: taxi;\\n  taxi-direction: downward;\\n  line-color: $color;\\n  source-arrow-color: $color;\\n  target-arrow-color: $color;\\n  label: data(label);\\n  text-background-color: $background;\\n  text-background-opacity: 1;\\n  text-background-padding: 5;\\n  font-family: $fontFamily;\\n  font-size: 14;\\n}\\n\\n:childless[textMarginY] {\\n  text-margin-y: data(textMarginY);\\n}\\n\\n:childless[textMarginX] {\\n  text-margin-x: data(textMarginX);\\n}\\n\\n:childless {\\n  label: data(label);\\n  font-family: $fontFamily;\\n  font-size: 16;\\n  text-valign: center;\\n  text-halign: center;\\n  width: 180;\\n  height: label;\\n  padding: 16;\\n  line-height: 1.4;\\n  shape: roundrectangle;\\n  background-color: $background;\\n  color: $color;\\n  border-color: $color;\\n  border-width: 1;\\n  border-style: solid;\\n  font-weight: 300;\\n  text-margin-y: 1;\\n}\\n\\n:childless.color_red {\\n  background-color: $red;\\n  border-color: #be8179;\\n}\\n:childless.color_yellow {\\n  background-color: $yellow;\\n  border-color: #c8bd84;\\n}\\n:childless.color_green {\\n  background-color: $green;\\n  border-color: #7ea9a5;\\n}\\n:childless.color_blue {\\n  background-color: $blue;\\n  border-color: #89add1;\\n}\\n:childless.color_purple {\\n  background-color: $purple;\\n  border-color: #aa82ba;\\n}\\n:childless.color_pink {\\n  background-color: $pink;\\n  border-color: #a585b1;\\n}\\n\\n:childless.shape_rectangle {\\n  shape: rectangle;\\n}\\n:childless.shape_roundrectangle {\\n  shape: roundrectangle;\\n}\\n:childless.shape_ellipse {\\n  shape: ellipse;\\n}\\n:childless.shape_triangle {\\n  shape: triangle;\\n}\\n:childless.shape_pentagon {\\n  shape: pentagon;\\n}\\n:childless.shape_hexagon {\\n  shape: hexagon;\\n}\\n:childless.shape_heptagon {\\n  shape: heptagon;\\n}\\n:childless.shape_octagon {\\n  shape: octagon;\\n}\\n:childless.shape_star {\\n  shape: star;\\n}\\n:childless.shape_barrel {\\n  shape: barrel;\\n}\\n:childless.shape_diamond {\\n  shape: diamond;\\n}\\n:childless.shape_vee {\\n  shape: vee;\\n}\\n:childless.shape_rhomboid {\\n  shape: rhomboid;\\n}\\n:childless.shape_right-rhomboid {\\n  shape: right-rhomboid;\\n}\\n:childless.shape_tag {\\n  shape: tag;\\n}\\n:childless.shape_round-rectangle {\\n  shape: round-rectangle;\\n}\\n:childless.shape_cut-rectangle {\\n  shape: cut-rectangle;\\n}\\n:childless.shape_bottom-round-rectangle {\\n  shape: bottom-round-rectangle;\\n}\\n:childless.shape_concave-hexagon {\\n  shape: concave-hexagon;\\n}\\n:childless.border_none {\\n  border-width: 0;\\n  border-style: solid;\\n}\\n:childless.border_solid {\\n  border-style: solid;\\n}\\n:childless.border_dashed {\\n  border-style: dashed;\\n}\\n:childless.border_dotted {\\n  border-style: dotted;\\n}\\n\\n:childless.size_lg {\\n  font-size: 24;\\n  padding: 18;\\n  width: 250;\\n  text-margin-y: 2;\\n}\\n\\n:childless[w] {\\n  width: data(w);\\n}\\n\\n:childless[h] {\\n  height: data(h);\\n}\\n\\nedge.line_solid {\\n  line-style: solid;\\n}\\nedge.line_dotted {\\n  line-style: dotted;\\n}\\nedge.line_dashed {\\n  line-style: dashed;\\n}\\nedge.target-arrow_triangle {\\n  target-arrow-shape: triangle;\\n}\\nedge.target-arrow_triangle-tee {\\n  target-arrow-shape: triangle-tee;\\n}\\nedge.target-arrow_circle-triangle {\\n  target-arrow-shape: circle-triangle;\\n}\\nedge.target-arrow_triangle-cross {\\n  target-arrow-shape: triangle-cross;\\n}\\nedge.target-arrow_triangle-backcurve {\\n  target-arrow-shape: triangle-backcurve;\\n}\\nedge.target-arrow_vee {\\n  target-arrow-shape: vee;\\n}\\nedge.target-arrow_tee {\\n  target-arrow-shape: tee;\\n}\\nedge.target-arrow_square {\\n  target-arrow-shape: square;\\n}\\nedge.target-arrow_circle {\\n  target-arrow-shape: circle;\\n}\\nedge.target-arrow_diamond {\\n  target-arrow-shape: diamond;\\n}\\nedge.target-arrow_chevron {\\n  target-arrow-shape: chevron;\\n}\\nedge.target-arrow_none {\\n  target-arrow-shape: none;\\n}\\nedge.source-arrow_triangle {\\n  source-arrow-shape: triangle;\\n}\\nedge.source-arrow_triangle-tee {\\n  source-arrow-shape: triangle-tee;\\n}\\nedge.source-arrow_circle-triangle {\\n  source-arrow-shape: circle-triangle;\\n}\\nedge.source-arrow_triangle-cross {\\n  source-arrow-shape: triangle-cross;\\n}\\nedge.source-arrow_triangle-backcurve {\\n  source-arrow-shape: triangle-backcurve;\\n}\\nedge.source-arrow_vee {\\n  source-arrow-shape: vee;\\n}\\nedge.source-arrow_tee {\\n  source-arrow-shape: tee;\\n}\\nedge.source-arrow_square {\\n  source-arrow-shape: square;\\n}\\nedge.source-arrow_circle {\\n  source-arrow-shape: circle;\\n}\\nedge.source-arrow_diamond {\\n  source-arrow-shape: diamond;\\n}\\nedge.source-arrow_chevron {\\n  source-arrow-shape: chevron;\\n}\\nedge.source-arrow_none {\\n  source-arrow-shape: none;\\n}\\n\\n:parent {\\n  padding: 10;\\n  border-style: solid;\\n  border-width: 2;\\n  border-color: $color;\\n  background-color: $background;\\n  text-valign: top;\\n  font-family: $fontFamily;\\n  label: data(label);\\n  color: $color;\\n  font-size: 19.5px;\\n  text-margin-y: -5;\\n}\\n\\n:parent.color_white {\\n  background-color: white;\\n}\\n:parent.color_grey {\\n  background-color: $grey;\\n}\\n",
   "layout": {
     "spacingFactor": 0.96,
     "name": "dagre"
diff --git a/app/src/lib/themes/august2023.ts b/app/src/lib/themes/august2023.ts
index 66dee37f..c66cac77 100644
--- a/app/src/lib/themes/august2023.ts
+++ b/app/src/lib/themes/august2023.ts
@@ -24,6 +24,7 @@ edge {
   text-background-padding: 5;
   font-family: $fontFamily;
   font-size: 14;
+  text-wrap: wrap;
 }
 
 :childless[shapeWidth] {