diff --git a/app/assets/javascripts/admin/components/ace-editor.js.es6 b/app/assets/javascripts/admin/components/ace-editor.js.es6
index 7e592e9d80a..f9be6416406 100644
--- a/app/assets/javascripts/admin/components/ace-editor.js.es6
+++ b/app/assets/javascripts/admin/components/ace-editor.js.es6
@@ -1,6 +1,6 @@
 /* global ace:true */
 import loadScript from 'discourse/lib/load-script';
-import escapeExpression from 'discourse/lib/utilities';
+import { escapeExpression } from 'discourse/lib/utilities';
 
 export default Ember.Component.extend({
   mode: 'css',
diff --git a/test/javascripts/components/ace-editor-test.js.es6 b/test/javascripts/components/ace-editor-test.js.es6
index 58dedbb19fe..6fa9a533d4e 100644
--- a/test/javascripts/components/ace-editor-test.js.es6
+++ b/test/javascripts/components/ace-editor-test.js.es6
@@ -10,7 +10,7 @@ componentTest('css editor', {
 });
 
 componentTest('html editor', {
-  template: '{{ace-editor mode="html"}}',
+  template: '{{ace-editor mode="html" content="<b>wat</b>"}}',
   test(assert) {
     assert.ok(this.$('.ace_editor').length, 'it renders the ace editor');
   }