diff --git a/templates/Component/component.module.scss.hbs b/templates/Component/Component.module.scss.hbs
similarity index 100%
rename from templates/Component/component.module.scss.hbs
rename to templates/Component/Component.module.scss.hbs
diff --git a/templates/Component/Component.tsx.hbs b/templates/Component/Component.tsx.hbs
index 0e62b64..dfd8293 100644
--- a/templates/Component/Component.tsx.hbs
+++ b/templates/Component/Component.tsx.hbs
@@ -1,14 +1,17 @@
-import classNames from 'classNames'
+import classNames from 'classnames'
 
 import styles from './{{ properCase name }}.module.scss'
 
 interface {{ properCase name }}Props {
   className?: string
-  children?: React.ReactNode
+  children?: string
 }
 
-export const {{ properCase name }}: React.FC<{{ properCase name }}Props> = (props) => {
-  const { className, children } = props
-
-  return <div className={classNames(className, styles.container)}>{children}</div>
+export const {{ properCase name }}: React.FC<{{ properCase name }}Props> = ({
+  className,
+  children
+}) => {
+  return (
+    <div className={classNames(className, styles.container)}>{children}</div>
+  )
 }