diff --git a/package.json b/package.json
index b4b6ddd..0dce52a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-generate",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "Scaffold react components",
   "main": "index.js",
   "repository": "rthor/cra-generate",
diff --git a/templates/template.javascript.js b/templates/template.javascript.js
index f2b08a7..234e150 100644
--- a/templates/template.javascript.js
+++ b/templates/template.javascript.js
@@ -35,7 +35,7 @@ it('renders without crashing', () => {
     [`${fileName}.js`]: isFunctional
       ? `
 import React from 'react'${semiColon}
-import './${fileName}.${cssExtension}'${semiColon}
+import './${fileName}.css'${semiColon}
 
 const ${componentName} = ({}) => (
   <div className="${componentName}"></div>
@@ -46,7 +46,7 @@ export default ${componentName}${semiColon}
   `
       : `
 import React, { Component } from 'react'${semiColon}
-import './${fileName}.${cssExtension}'${semiColon}
+import './${fileName}.css'${semiColon}
 
 class ${componentName} extends Component {
   state = {}${semiColon}