diff --git a/app/assets/javascripts/dispatcher.js b/app/assets/javascripts/dispatcher.js
index 3557f6f617ed64dcbcf7c21a09e7e4a1aa0774ee..d1a662459e13d7f88f95f4ee2ba900861734b549 100644
--- a/app/assets/javascripts/dispatcher.js
+++ b/app/assets/javascripts/dispatcher.js
@@ -41,9 +41,9 @@ import GroupsList from './groups_list';
 import ProjectsList from './projects_list';
 import MiniPipelineGraph from './mini_pipeline_graph_dropdown';
 import BlobLinePermalinkUpdater from './blob/blob_line_permalink_updater';
+import UserCallout from './user_callout';
 
 const ShortcutsBlob = require('./shortcuts_blob');
-const UserCallout = require('./user_callout');
 
 (function() {
   var Dispatcher;
diff --git a/app/assets/javascripts/user_callout.js b/app/assets/javascripts/user_callout.js
index 5c34e71c788b2b42ad94f99016f0c7080bb48c98..b27d252a3eff10ff6f8888268dbad643a8ea6f38 100644
--- a/app/assets/javascripts/user_callout.js
+++ b/app/assets/javascripts/user_callout.js
@@ -27,7 +27,7 @@ const USER_CALLOUT_TEMPLATE = `
   </div>
 </div>`;
 
-class UserCallout {
+export default class UserCallout {
   constructor() {
     this.isCalloutDismissed = Cookies.get(USER_CALLOUT_COOKIE);
     this.userCalloutBody = $(userCalloutElementName);
@@ -56,5 +56,3 @@ class UserCallout {
     }
   }
 }
-
-module.exports = UserCallout;
diff --git a/spec/javascripts/user_callout_spec.js b/spec/javascripts/user_callout_spec.js
index ca6c299c59473d86b62f8edc1c3f757c7ee312d5..2398149d3ad29144bd6efce86f8139a3fcade49e 100644
--- a/spec/javascripts/user_callout_spec.js
+++ b/spec/javascripts/user_callout_spec.js
@@ -1,6 +1,5 @@
 import Cookies from 'js-cookie';
-
-const UserCallout = require('~/user_callout');
+import UserCallout from '~/user_callout';
 
 const USER_CALLOUT_COOKIE = 'user_callout_dismissed';