diff --git a/frontend/src/components/input/editor/TipTap.vue b/frontend/src/components/input/editor/TipTap.vue
index e2a718ffc..d233b3e1a 100644
--- a/frontend/src/components/input/editor/TipTap.vue
+++ b/frontend/src/components/input/editor/TipTap.vue
@@ -170,6 +170,7 @@ import HardBreak from '@tiptap/extension-hard-break'
 
 import Commands from './commands'
 import suggestionSetup from './suggestion'
+import {EmojiExtension} from './emoji/emojiExtension'
 import mentionSuggestionSetup from './mention/mentionSuggestion'
 import MentionUser from './mention/MentionUser.vue'
 
@@ -515,6 +516,8 @@ const extensions : Extensions = [
 		suggestion: suggestionSetup(t),
 	}),
 
+	EmojiExtension,
+
 	PasteHandler,
 ]
 
diff --git a/frontend/src/components/input/editor/emoji/EmojiList.vue b/frontend/src/components/input/editor/emoji/EmojiList.vue
index a08a80aeb..c5d23896b 100644
--- a/frontend/src/components/input/editor/emoji/EmojiList.vue
+++ b/frontend/src/components/input/editor/emoji/EmojiList.vue
@@ -12,8 +12,12 @@
 			>
 				<span class="emoji-glyph">{{ item.emoji }}</span>
 				<div class="emoji-info">
-					<p class="emoji-shortcode">:{{ item.shortcode }}:</p>
-					<p class="emoji-annotation">{{ item.annotation }}</p>
+					<p class="emoji-shortcode">
+						:{{ item.shortcode }}:
+					</p>
+					<p class="emoji-annotation">
+						{{ item.annotation }}
+					</p>
 				</div>
 			</button>
 		</template>