diff --git a/app/assets/javascripts/discourse/views/header_view.js b/app/assets/javascripts/discourse/views/header.js.es6
similarity index 98%
rename from app/assets/javascripts/discourse/views/header_view.js
rename to app/assets/javascripts/discourse/views/header.js.es6
index 3f1b47c9ef8..a9ef18e2b6e 100644
--- a/app/assets/javascripts/discourse/views/header_view.js
+++ b/app/assets/javascripts/discourse/views/header.js.es6
@@ -6,7 +6,7 @@
   @namespace Discourse
   @module Discourse
 **/
-Discourse.HeaderView = Discourse.View.extend({
+export default Discourse.View.extend({
   tagName: 'header',
   classNames: ['d-header', 'clearfix'],
   classNameBindings: ['editingTopic'],
diff --git a/test/javascripts/views/header_view_test.js b/test/javascripts/views/header_view_test.js
index f4968da92fc..41d3ee3225d 100644
--- a/test/javascripts/views/header_view_test.js
+++ b/test/javascripts/views/header_view_test.js
@@ -1,10 +1,12 @@
 module("Discourse.HeaderView");
 
+import HeaderView from 'discourse/views/header';
+
 test("showNotifications", function() {
   var controllerSpy = {
     send: sinon.spy()
   };
-  var view = Discourse.HeaderView.create({
+  var view = HeaderView.create({
     controller: controllerSpy
   });