diff --git a/lib/grunt/utils.js b/lib/grunt/utils.js
index 84a76eb7deff..f94661c2ffa3 100644
--- a/lib/grunt/utils.js
+++ b/lib/grunt/utils.js
@@ -111,7 +111,7 @@ module.exports = {
         .replace(/\\/g, '\\\\')
         .replace(/'/g, '\\\'')
         .replace(/\r?\n/g, '\\n');
-      js = '!window.angular.$$csp().noInlineStyle && window.angular.element(document.head).prepend(\'<style type="text/css">' + css + '</style>\');';
+      js = '!window.angular.$$csp().noInlineStyle && window.angular.element(document.head).prepend(window.angular.element(\'<style>\').text(\'' + css + '\'));';
       state.js.push(js);
 
       return state;
diff --git a/test/e2e/tests/sample.spec.js b/test/e2e/tests/sample.spec.js
index fa283fa33a6b..2a2369ec2528 100644
--- a/test/e2e/tests/sample.spec.js
+++ b/test/e2e/tests/sample.spec.js
@@ -9,4 +9,13 @@ describe('Sample', function() {
   it('should have the interpolated text', function() {
     expect(element(by.binding('text')).getText()).toBe('Hello, world!');
   });
+
+  it('should insert the ng-cloak styles', function() {
+    browser.executeScript(`
+      var span = document.createElement('span');
+      span.className = 'ng-cloak foo';
+      document.body.appendChild(span);
+    `);
+    expect(element(by.className('foo')).isDisplayed()).toBe(false);
+  });
 });