diff --git a/webapp/components/Editor/MenuBar.vue b/webapp/components/Editor/MenuBar.vue
index 6ec1d5295..5e96317ae 100644
--- a/webapp/components/Editor/MenuBar.vue
+++ b/webapp/components/Editor/MenuBar.vue
@@ -71,9 +71,6 @@ import MenuBarButton from './MenuBarButton'
 import MenuLegend from './MenuLegend.vue'
 
 export default {
-  data() {
-    return {}
-  },
   components: {
     EditorMenuBar,
     MenuBarButton,
diff --git a/webapp/components/Editor/MenuLegend.vue b/webapp/components/Editor/MenuLegend.vue
index ef33e71ea..537529980 100644
--- a/webapp/components/Editor/MenuLegend.vue
+++ b/webapp/components/Editor/MenuLegend.vue
@@ -1,14 +1,16 @@
 <template>
   <dropdown class="content-menu" :placement="placement" offset="5">
-    <template #default="{ toggleMenu }">
-      <slot name="button" :toggleMenu="toggleMenu">
+    <template #default="{ openMenu, closeMenu }">
+      <slot name="button">
         <base-button
           data-test="content-menu-button"
           icon="question-circle"
           size="small"
           circle
           ghost
-          @click="toggleMenu()"
+          
+          @mouseover.native="openMenu()"
+          @mouseleave.native="closeMenu()"
         />
       </slot>
     </template>
@@ -19,7 +21,7 @@
           <base-button size="small" circle ghost :icon="item.iconname" class="legend-icon">
             <span v-if="item.label">{{ item.label }}</span>
           </base-button>
-          <span>{{ item.name }}</span>
+          <span>{{ $t(item.name)}}</span>
           <span class="tool-shortcut">{{ item.shortcut }}</span>
         </div>
       </div>
@@ -39,19 +41,18 @@ export default {
   },
   data() {
     return {
-      hover: false,
       legenditems: [
-        { iconname: 'bold', name: 'bold', shortcut: 'Ctrl+b' },
-        { iconname: 'italic', name: 'italic', shortcut: 'Ctrl+i' },
-        { iconname: 'underline', name: 'underline', shortcut: 'Ctrl+u' },
-        { iconname: 'link', name: 'link', shortcut: '' },
-        { iconname: 'paragraph', name: 'paragraph', shortcut: '' },
-        { label: 'H3', name: 'heading 3', shortcut: '### + space' },
-        { label: 'H4', name: 'heading 4', shortcut: '#### + space' },
-        { iconname: 'list-ul', name: 'unordered list', shortcut: '* + space' },
-        { iconname: 'list-ol', name: 'ordered list', shortcut: '1. + space' },
-        { iconname: 'quote-right', name: 'quote', shortcut: '> + space' },
-        { iconname: 'minus', name: 'ruler', shortcut: '---' },
+        { iconname: 'bold', name: `editor.legend.bold`, shortcut: 'Ctrl+b' },
+        { iconname: 'italic', name: `editor.legend.italic`, shortcut: 'Ctrl+i' },
+        { iconname: 'underline', name:`editor.legend.underline`, shortcut: 'Ctrl+u' },
+        { iconname: 'link', name:`editor.legend.link`, shortcut: '' },
+        { iconname: 'paragraph', name:`editor.legend.paragraph`, shortcut: '' },
+        { label: 'H3', name:`editor.legend.heading3`, shortcut: '### + space' },
+        { label: 'H4', name:`editor.legend.heading4`, shortcut: '#### + space' },
+        { iconname: 'list-ul', name:`editor.legend.unorderedList`, shortcut: '* + space' },
+        { iconname: 'list-ol', name:`editor.legend.orderedList`, shortcut: '1. + space' },
+        { iconname: 'quote-right', name:`editor.legend.quote`, shortcut: '> + space' },
+        { iconname: 'minus', name:`editor.legend.ruler`, shortcut: '---' },
       ],
     }
   },
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 6ef427362..dac14aa21 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -313,6 +313,19 @@
       "addLetter": "Tippe einen Buchstaben",
       "noHashtagsFound": "Keine Hashtags gefunden"
     },
+    "legend": {
+      "bold": "Fett",
+      "italic": "Kursiv",
+      "underline": "underline",
+      "link": "link",
+      "paragraph": "paragraph",
+      "heading3": "heading3",
+      "heading4": "heading4",
+      "unorderedList": "unordered list",
+      "orderedList": "ordered list",
+      "quote": "quote",
+      "ruler": "ruler"
+    },
     "mention": {
       "noUsersFound": "Keine Benutzer gefunden"
     },
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index c5ad5c27f..891c1e12b 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -313,6 +313,19 @@
       "addLetter": "Type a letter",
       "noHashtagsFound": "No hashtags found"
     },
+    "legend": {
+      "bold": "bold",
+      "italic": "italic",
+      "underline": "underline",
+      "link": "link",
+      "paragraph": "paragraph",
+      "heading3": "heading3",
+      "heading4": "heading4",
+      "unorderedList": "unordered list",
+      "orderedList": "ordered list",
+      "quote": "quote",
+      "ruler": "ruler"
+    },
     "mention": {
       "noUsersFound": "No users found"
     },
diff --git a/webapp/locales/ru.json b/webapp/locales/ru.json
index 95d26690d..cb1ce11cc 100644
--- a/webapp/locales/ru.json
+++ b/webapp/locales/ru.json
@@ -260,6 +260,19 @@
       "addLetter": "Введите букву",
       "noHashtagsFound": "Хэштеги не найдены"
     },
+    "legend": {
+      "bold": "полужирный",
+      "italic": "курсив",
+      "underline": "подчеркнутый",
+      "link": "ссылка",
+      "paragraph": "параграф",
+      "heading3": "заголовок 3",
+      "heading4": "заголовок 4",
+      "unorderedList": "маркированный список",
+      "orderedList": "нумерованный список",
+      "quote": "кавычки",
+      "ruler": "горизонтальная линия"
+    },
     "mention": {
       "noUsersFound": "Пользователи не найдены"
     },