diff --git a/demos/src/Examples/Community/React/MentionList.scss b/demos/src/Examples/Community/React/MentionList.scss
index e4637c5a..dbf0007e 100644
--- a/demos/src/Examples/Community/React/MentionList.scss
+++ b/demos/src/Examples/Community/React/MentionList.scss
@@ -18,12 +18,11 @@
   width: 100%;
   text-align: left;
   background: transparent;
-  border: none;
+  border-radius: 0.4rem;
+  border: 1px solid transparent;
   padding: 0.2rem 0.4rem;
 
-  &.is-selected,
-  &:hover {
-    border-radius: 0.4rem;
-    background: rgba(0, 0, 0, 0.05);
+  &.is-selected {
+    border-color: #000;
   }
 }
diff --git a/demos/src/Examples/Community/React/styles.scss b/demos/src/Examples/Community/React/styles.scss
index d422be26..002c6550 100644
--- a/demos/src/Examples/Community/React/styles.scss
+++ b/demos/src/Examples/Community/React/styles.scss
@@ -15,9 +15,8 @@
 }
 
 .mention {
-  color: #A975FF;
-  background-color: rgba(#A975FF, 0.1);
-  border-radius: 0.3rem;
+  border: 1px solid #000;
+  border-radius: 0.4rem;
   padding: 0.1rem 0.3rem;
 }
 
diff --git a/demos/src/Examples/Community/Vue/MentionList.vue b/demos/src/Examples/Community/Vue/MentionList.vue
index 086baf7d..3a159cb8 100644
--- a/demos/src/Examples/Community/Vue/MentionList.vue
+++ b/demos/src/Examples/Community/Vue/MentionList.vue
@@ -102,13 +102,12 @@ export default {
   width: 100%;
   text-align: left;
   background: transparent;
-  border: none;
+  border-radius: 0.4rem;
+  border: 1px solid transparent;
   padding: 0.2rem 0.4rem;
 
-  &.is-selected,
-  &:hover {
-    border-radius: 0.4rem;
-    background: rgba(0, 0, 0, 0.05);
+  &.is-selected {
+    border-color: #000;
   }
 }
 </style>
diff --git a/demos/src/Examples/Community/Vue/index.vue b/demos/src/Examples/Community/Vue/index.vue
index c37098ab..eab0ae1a 100644
--- a/demos/src/Examples/Community/Vue/index.vue
+++ b/demos/src/Examples/Community/Vue/index.vue
@@ -115,9 +115,8 @@ export default {
 }
 
 .mention {
-  color: #A975FF;
-  background-color: rgba(#A975FF, 0.1);
-  border-radius: 0.3rem;
+  border: 1px solid #000;
+  border-radius: 0.4rem;
   padding: 0.1rem 0.3rem;
 }
 
diff --git a/demos/src/Experiments/Commands/Vue/CommandsList.vue b/demos/src/Experiments/Commands/Vue/CommandsList.vue
index 0082b085..d904afb6 100644
--- a/demos/src/Experiments/Commands/Vue/CommandsList.vue
+++ b/demos/src/Experiments/Commands/Vue/CommandsList.vue
@@ -102,13 +102,12 @@ export default {
   width: 100%;
   text-align: left;
   background: transparent;
-  border: none;
+  border-radius: 0.4rem;
+  border: 1px solid transparent;
   padding: 0.2rem 0.4rem;
 
-  &.is-selected,
-  &:hover {
-    border-radius: 0.4rem;
-    background: rgba(0, 0, 0, 0.05);
+  &.is-selected {
+    border-color: #000;
   }
 }
 </style>
diff --git a/demos/src/Experiments/Commands/Vue/index.vue b/demos/src/Experiments/Commands/Vue/index.vue
index a3cc2abc..e5f263bc 100644
--- a/demos/src/Experiments/Commands/Vue/index.vue
+++ b/demos/src/Experiments/Commands/Vue/index.vue
@@ -51,9 +51,8 @@ export default {
 }
 
 .mention {
-  color: #A975FF;
-  background-color: rgba(#A975FF, 0.1);
-  border-radius: 0.3rem;
+  border: 1px solid #000;
+  border-radius: 0.4rem;
   padding: 0.1rem 0.3rem;
 }
 </style>
diff --git a/demos/src/Nodes/Mention/Vue/MentionList.vue b/demos/src/Nodes/Mention/Vue/MentionList.vue
index 086baf7d..3a159cb8 100644
--- a/demos/src/Nodes/Mention/Vue/MentionList.vue
+++ b/demos/src/Nodes/Mention/Vue/MentionList.vue
@@ -102,13 +102,12 @@ export default {
   width: 100%;
   text-align: left;
   background: transparent;
-  border: none;
+  border-radius: 0.4rem;
+  border: 1px solid transparent;
   padding: 0.2rem 0.4rem;
 
-  &.is-selected,
-  &:hover {
-    border-radius: 0.4rem;
-    background: rgba(0, 0, 0, 0.05);
+  &.is-selected {
+    border-color: #000;
   }
 }
 </style>
diff --git a/demos/src/Nodes/Mention/Vue/index.vue b/demos/src/Nodes/Mention/Vue/index.vue
index 5cc804bc..1ec17237 100644
--- a/demos/src/Nodes/Mention/Vue/index.vue
+++ b/demos/src/Nodes/Mention/Vue/index.vue
@@ -60,9 +60,8 @@ export default {
 }
 
 .mention {
-  color: #A975FF;
-  background-color: rgba(#A975FF, 0.1);
-  border-radius: 0.3rem;
+  border: 1px solid #000;
+  border-radius: 0.4rem;
   padding: 0.1rem 0.3rem;
 }
 </style>
diff --git a/docs/guide/output.md b/docs/guide/output.md
index 3a5d2183..0aa7b9ac 100644
--- a/docs/guide/output.md
+++ b/docs/guide/output.md
@@ -100,8 +100,8 @@ const editor = new Editor({
   content: `<p>Example Content</p>`,
 
   // triggered on every change
-  onUpdate: () => {
-    const json = this.getJSON()
+  onUpdate: ({ editor }) => {
+    const json = editor.getJSON()
     // send the content to an API here
   },
 })