diff --git a/src/views/Notes.vue b/src/views/Notes.vue
index d92a4e5..9ca3cb5 100644
--- a/src/views/Notes.vue
+++ b/src/views/Notes.vue
@@ -16,7 +16,7 @@
                             <span v-for="color in noteColors"
                                v-bind:key="color">
                                 <span href="javascript:"
-                                   @click="note.color = color;"
+                                   @click="changeColor(note, color);"
                                    class="color-change-button"
                                    v-if="color !== note.color"
                                    :style="'background-color: ' + color">
@@ -56,6 +56,10 @@ export default {
                 component.$store.commit('createNote', '');
                 component.$store.commit('saveNotes');
             })
+        },
+        changeColor(note, color) {
+            note.color = color;
+            this.$store.commit('saveNotes');
         }
     }
 }