diff --git a/vue/src/system/GraphDemo.vue b/vue/src/system/GraphDemo.vue
index b059cf8..a747f8c 100644
--- a/vue/src/system/GraphDemo.vue
+++ b/vue/src/system/GraphDemo.vue
@@ -203,7 +203,7 @@ export default {
           label: this.nodeShowLabel,
           labelFontSize: this.nodeFontSize,
           labelFontFamily: this.nodeFontFamily,
-          labelFontColor: this.nodeFontColor,
+          labelFill: this.nodeFontColor,
         }
       }))
 
@@ -302,7 +302,6 @@ export default {
           style: {
             labelText: (d) => d.data.name,
             labelPlacement: 'center',
-
             labelWordWrap: true,
             labelMaxWidth: '150%',
             labelMaxLines: 3,
@@ -371,7 +370,7 @@ export default {
           label: this.nodeShowLabel,
           labelFontSize: this.nodeFontSize,
           labelFontFamily: this.nodeFontFamily,
-          labelFontColor: this.nodeFontColor,
+          labelFill: this.nodeFontColor,
         }
       }))
       const updatedData = {
@@ -405,6 +404,7 @@ export default {
       }
       this.defaultData = updatedData
       this.updateGraph(updatedData)
+
     },
 
     clearAllStates() {
@@ -538,7 +538,6 @@ export default {
 button {
   width: 45%;
   padding: 10px;
-  //margin: 10px 0;
   background: #007bff;
   color: white;
   border: none;