diff --git a/client/src/components/content-blocks/ContentComponent.vue b/client/src/components/content-blocks/ContentComponent.vue
index b3ee3d62..efa1ccbb 100644
--- a/client/src/components/content-blocks/ContentComponent.vue
+++ b/client/src/components/content-blocks/ContentComponent.vue
@@ -138,9 +138,7 @@ const note = computed(() => {
   const bookmark = props.bookmarks && props.bookmarks.find((bookmark) => bookmark.uuid === props.component.id);
   return bookmark && bookmark.note;
 });
-const showBookmarkActions = computed(
-  () => props.component.type !== 'content_list' && !props.editMode
-);
+const showBookmarkActions = computed(() => props.component.type !== 'content_list' && !props.editMode);
 const componentClass = computed(() => {
   let classes = ['content-component', `content-component--${props.component.type}`];
   if (bookmarked.value) {
@@ -204,7 +202,7 @@ const addNote = (id: string) => {
 };
 
 const editNote = () => {
-  store.dispatch('editNote', note);
+  store.dispatch('editNote', note.value);
 };
 
 const { mutation, updateCurry, getVariables, optimisticResponse } = constructContentComponentBookmarkMutation(