diff --git a/src/components/MenuBubble.vue b/src/components/MenuBubble.vue
index ed296dc0a29..d48e825ae60 100644
--- a/src/components/MenuBubble.vue
+++ b/src/components/MenuBubble.vue
@@ -39,23 +39,23 @@
 
 		<template v-else>
 			<button class="menububble__button"
-				:class="{ 'is-active': isActive('link') }"
+				:class="{ 'is-active': isActive }"
 				@click="showLinkMenu()">
 				<span class="icon-link" />
 				<span class="menububble__buttontext">
-					{{ isActive('link') ? t('text', 'Update Link') : t('text', 'Add Link') }}
+					{{ isActive ? t('text', 'Update Link') : t('text', 'Add Link') }}
 				</span>
 			</button>
 			<button v-if="!isUsingDirectEditing"
 				class="menububble__button"
-				:class="{ 'is-active': isActive('link') }"
+				:class="{ 'is-active': isActive }"
 				@click="selectFile()">
 				<span class="icon-file" />
 				<span class="menububble__buttontext">{{ t('text', 'Link file') }}</span>
 			</button>
-			<button v-if="isActive('link')"
+			<button v-if="isActive"
 				class="menububble__button"
-				:class="{ 'is-active': isActive('link') }"
+				:class="{ 'is-active': isActive }"
 				@click="removeLinkUrl()">
 				<span class="icon-delete" />
 				<span class="menububble__buttontext">
@@ -67,6 +67,7 @@
 </template>
 
 <script>
+import debounce from 'debounce'
 import { BubbleMenu } from '@tiptap/vue-2'
 import { getMarkAttributes } from '@tiptap/core'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
@@ -100,11 +101,21 @@ export default {
 	},
 	data: () => {
 		return {
+			isActive: false,
 			linkUrl: null,
 			linkMenuIsActive: false,
 			isUsingDirectEditing: loadState('text', 'directEditingToken', null) !== null,
 		}
 	},
+	mounted() {
+		this.$_updateIsActive = debounce(this.updateIsActive.bind(this), 50)
+		this.$editor.on('update', this.$_updateIsActive)
+		this.$editor.on('selectionUpdate', this.$_updateIsActive)
+	},
+	beforeDestroy() {
+		this.$editor.off('update', this.$_updateIsActive)
+		this.$editor.off('selectionUpdate', this.$_updateIsActive)
+	},
 	methods: {
 		showLinkMenu() {
 			const attrs = getMarkAttributes(this.$editor.state, 'link')
@@ -158,8 +169,8 @@ export default {
 		removeLinkUrl() {
 			this.$editor.chain().unsetLink().focus().run()
 		},
-		isActive(selector, args = {}) {
-			return this.$editor.isActive(selector, args)
+		updateIsActive() {
+			this.isActive = this.$editor.isActive('link')
 		},
 	},
 }