1 files changed, 22 insertions, 2 deletions
diff --git a/app/assets/javascripts/content_editor/components/toolbar_table_button.vue b/app/assets/javascripts/content_editor/components/toolbar_table_button.vue
index 18928acef3c..4b1929e1a20 100644
--- a/app/assets/javascripts/content_editor/components/toolbar_table_button.vue
+++ b/app/assets/javascripts/content_editor/components/toolbar_table_button.vue
@@ -1,5 +1,11 @@
 <script>
-import { GlDropdown, GlDropdownDivider, GlDropdownForm, GlButton } from '@gitlab/ui';
+import {
+  GlDropdown,
+  GlDropdownDivider,
+  GlDropdownForm,
+  GlButton,
+  GlTooltipDirective as GlTooltip,
+} from '@gitlab/ui';
 import { __, sprintf } from '~/locale';
 import { clamp } from '../services/utils';
 
@@ -17,6 +23,9 @@ export default {
     GlDropdownDivider,
     GlDropdownForm,
   },
+  directives: {
+    GlTooltip,
+  },
   inject: ['tiptapEditor'],
   data() {
     return {
@@ -62,7 +71,18 @@ export default {
 };
 </script>
 <template>
-  <gl-dropdown size="small" category="tertiary" icon="table" class="content-editor-dropdown" right>
+  <gl-dropdown
+    v-gl-tooltip
+    size="small"
+    category="tertiary"
+    icon="table"
+    :title="__('Insert table')"
+    :text="__('Insert table')"
+    class="content-editor-dropdown"
+    right
+    text-sr-only
+    lazy
+  >
     <gl-dropdown-form class="gl-px-3!">
       <div v-for="r of list(maxRows)" :key="r" class="gl-display-flex">
         <gl-button