diff --git a/templates/classic/COMPONENT_NAME.js b/templates/classic/COMPONENT_NAME.js
index b92236a..186e0cb 100644
--- a/templates/classic/COMPONENT_NAME.js
+++ b/templates/classic/COMPONENT_NAME.js
@@ -7,7 +7,11 @@ class COMPONENT_NAME extends Component {
   }
 
   render() {
-    return <div className="COMPONENT_NAME" />
+    return (
+      <div className="COMPONENT_NAME">
+        COMPONENT_NAME
+      </div>
+    )
   }
 }
 
diff --git a/templates/classicES7/COMPONENT_NAME.js b/templates/classicES7/COMPONENT_NAME.js
index d0b019c..bb2d2b7 100644
--- a/templates/classicES7/COMPONENT_NAME.js
+++ b/templates/classicES7/COMPONENT_NAME.js
@@ -6,7 +6,11 @@ class COMPONENT_NAME extends Component {
   static propTypes = {}
 
   render() {
-    return <div className="COMPONENT_NAME" />
+    return (
+      <div className="COMPONENT_NAME">
+        COMPONENT_NAME
+      </div>
+    )
   }
 }
 
diff --git a/templates/presentational/COMPONENT_NAME.js b/templates/presentational/COMPONENT_NAME.js
index 87d8d87..6002b9d 100644
--- a/templates/presentational/COMPONENT_NAME.js
+++ b/templates/presentational/COMPONENT_NAME.js
@@ -2,7 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 const COMPONENT_NAME = () => (
-  <div className="COMPONENT_NAME" />
+  <div className="COMPONENT_NAME">
+    COMPONENT_NAME
+  </div>
 );
 
 COMPONENT_NAME.propTypes = {}
diff --git a/templates/statefulES7/COMPONENT_NAME.js b/templates/statefulES7/COMPONENT_NAME.js
index 2dfdb61..87a40b8 100644
--- a/templates/statefulES7/COMPONENT_NAME.js
+++ b/templates/statefulES7/COMPONENT_NAME.js
@@ -7,7 +7,11 @@ class COMPONENT_NAME extends Component {
   state = {}
 
   render() {
-    return <div className="COMPONENT_NAME" />
+    return (
+      <div className="COMPONENT_NAME">
+        COMPONENT_NAME
+      </div>
+    )
   }
 }