1 files changed, 3 insertions, 4 deletions
diff --git a/app/assets/javascripts/vue_shared/components/tooltip_on_truncate.vue b/app/assets/javascripts/vue_shared/components/tooltip_on_truncate.vue
index 8aa6e29adf1..c5fdb5fc242 100644
--- a/app/assets/javascripts/vue_shared/components/tooltip_on_truncate.vue
+++ b/app/assets/javascripts/vue_shared/components/tooltip_on_truncate.vue
@@ -1,11 +1,11 @@
 <script>
+import { GlTooltipDirective as GlTooltip } from '@gitlab/ui';
 import { isFunction } from 'lodash';
 import { hasHorizontalOverflow } from '~/lib/utils/dom_utils';
-import tooltip from '../directives/tooltip';
 
 export default {
   directives: {
-    tooltip,
+    GlTooltip,
   },
   props: {
     title: {
@@ -59,9 +59,8 @@ export default {
 <template>
   <span
     v-if="showTooltip"
-    v-tooltip
+    v-gl-tooltip="{ placement }"
     :title="title"
-    :data-placement="placement"
     class="js-show-tooltip gl-min-w-0"
   >
     <slot></slot>