diff --git a/webapp/components/Editor/SuggestionList.vue b/webapp/components/Editor/SuggestionList.vue
index b351e6b74..3d480d187 100644
--- a/webapp/components/Editor/SuggestionList.vue
+++ b/webapp/components/Editor/SuggestionList.vue
@@ -7,15 +7,15 @@
       :class="{ 'is-selected': navigatedItemIndex === index }"
       @click="selectItem(item)"
     >
-      {{ createItemLabel(item) }}
+      {{ createItemLabel(item) | truncate(50) }}
     </li>
     <template v-if="isHashtag">
-      <li v-if="!query" class="suggestion-list__item hint">
-        {{ $t('editor.hashtag.addLetter') }}
-      </li>
+      <li v-if="!query" class="suggestion-list__item hint">{{ $t('editor.hashtag.addLetter') }}</li>
       <template v-else-if="!filteredItems.find(el => el.id === query)">
         <li class="suggestion-list__item hint">{{ $t('editor.hashtag.addHashtag') }}</li>
-        <li class="suggestion-list__item" @click="selectItem({ id: query })">#{{ query }}</li>
+        <li class="suggestion-list__item" @click="selectItem({ id: query })">
+          #{{ query | truncate(50) }}
+        </li>
       </template>
     </template>
     <template v-else-if="isMention">