diff --git a/src/components/MyNodes.vue b/src/components/MyNodes.vue
index 4bbba8ed5f84bbfbfdbc65290c9bf648170b52e7..3f0574c685b7b9dbe217ce7dd89cf952a26eddbd 100644
--- a/src/components/MyNodes.vue
+++ b/src/components/MyNodes.vue
@@ -16,7 +16,7 @@
           v-model="nodes.node_color"
           :swatches="swatches"
           :shapes="shapes"
-          @input="chooseColor(nodes.node_id, nodes.node_color)"
+          @update:modelValue="chooseColor(nodes.node_id, nodes.node_color)"
           show-border
           show-fallback
           fallback-input-type="color"
diff --git a/src/store/modules/mynodes.js b/src/store/modules/mynodes.js
index 04ea835486f18ed1a8ca31e322961a803ba30c64..be44fe7abb5c7c9d47ba44a0d79633d7602d9ec6 100644
--- a/src/store/modules/mynodes.js
+++ b/src/store/modules/mynodes.js
@@ -25,7 +25,7 @@ export const mutations = {
             node_shape: 'square',
             node_deleted: false,
             node_readmode: false,
-            node_color: '#9bc2d8',
+            node_color: '#9BC2D8',
           })
 
           return pouchdb
@@ -72,7 +72,7 @@ export const mutations = {
                   node_shape: 'square',
                   node_deleted: false,
                   node_readmode: false,
-                  node_color: '#9bc2d8',
+                  node_color: '#9BC2D8',
                 },
               ],
             })
@@ -245,7 +245,7 @@ export const mutations = {
       .then(function (doc) {
         return pouchdb.bulkDocs([
           {
-            _id: state.myclient,
+            _id: deviceName,
             _rev: doc._rev,
             nodes: state.myNodes,
           },