const css = require('../../styles/style')

const template = `
  <style>
  ${css}
  </style>
`

const injectStyles = () => {
  document.head.insertAdjacentHTML( 'afterbegin', template)
}

export default injectStyles

@@ -46,141 +46,142 @@
 nst 
-template = %60%0A  %3Cstyle%3E%0A  $%7Bcss%7D
+injectStyles = () =%3E %7B%0A  const styleEl = document.createElement('style')
 %0A  
-%3C/
 style
-%3E%0A%60%0A%0Aconst injectStyles = () =%3E %7B%0A  document.head.insertAdjacentHTML( 'afterbegin', template
+El.innerText = css%0A  document.head.appendChild(styleEl
 )%0A%7D%0A

change style injection