1 files changed, 3 insertions, 3 deletions

diff --git a/app/assets/javascripts/vue_shared/components/markdown/field.vue b/app/assets/javascripts/vue_shared/components/markdown/field.vue
index b520d302407..a32ed529342 100644
--- a/app/assets/javascripts/vue_shared/components/markdown/field.vue
+++ b/app/assets/javascripts/vue_shared/components/markdown/field.vue
@@ -9,6 +9,7 @@ import markdownHeader from './header.vue';
 import markdownToolbar from './toolbar.vue';
 import icon from '../icon.vue';
 import Suggestions from '~/vue_shared/components/markdown/suggestions.vue';
+import axios from '~/lib/utils/axios_utils';
 
 export default {
   components: {
@@ -167,10 +168,9 @@ export default {
       if (text) {
         this.markdownPreviewLoading = true;
         this.markdownPreview = __('Loading…');
-        this.$http
+        axios
           .post(this.markdownPreviewPath, { text })
-          .then(resp => resp.json())
-          .then(data => this.renderMarkdown(data))
+          .then(response => this.renderMarkdown(response.data))
           .catch(() => new Flash(__('Error loading markdown preview')));
       } else {
         this.renderMarkdown();