diff --git a/packages/generator-electrode/generators/app/templates/src/client/components/demo-pure-states.jsx b/packages/generator-electrode/generators/app/templates/src/client/components/demo-pure-states.jsx
index ed77e1d32..205a58fa6 100644
--- a/packages/generator-electrode/generators/app/templates/src/client/components/demo-pure-states.jsx
+++ b/packages/generator-electrode/generators/app/templates/src/client/components/demo-pure-states.jsx
@@ -15,19 +15,17 @@ const DemoPureStates = props => {
     <div>
       <h6 className={custom["docs-header"]}>Demo Managing States in Pure Functional Component</h6>
       <label
-        style={{ display: "inline-block", textAlign: "center" }}
+        className={custom["checkbox-label"]}
         onChange={() => dispatch(toggleCheck())}
         checked={checked}
       >
         <input type="checkbox" checked={checked} onChange={() => null} />
-        <span className={custom["label-body"]}> checkbox </span>
+        <span> checkbox </span>
       </label>
-      <div style={{ width: "10rem", display: "inline-block", textAlign: "center" }}>
-        {checked ? "checked" : "unchecked"}
-      </div>
+      <div className={custom["checkbox-label-width10rem"]}>{checked ? "checked" : "unchecked"}</div>
       <div>
         <button onClick={() => dispatch(decNumber())}>&#8810;</button>
-        <div style={{ width: "6rem", display: "inline-block", textAlign: "center" }}>{value}</div>
+        <div className={custom["checkbox-label-width6rem"]}>{value}</div>
         <button onClick={() => dispatch(incNumber())}>&#8811;</button>
       </div>
     </div>
diff --git a/packages/generator-electrode/generators/app/templates/src/client/components/demo-states.jsx b/packages/generator-electrode/generators/app/templates/src/client/components/demo-states.jsx
index 5aecafc20..342f1ceaa 100644
--- a/packages/generator-electrode/generators/app/templates/src/client/components/demo-states.jsx
+++ b/packages/generator-electrode/generators/app/templates/src/client/components/demo-states.jsx
@@ -11,19 +11,19 @@ class DemoStates extends React.Component {
       <div>
         <h6 className={custom["docs-header"]}>Demo Managing States with Redux</h6>
         <label
-          style={{ display: "inline-block", textAlign: "center" }}
+          className={custom["checkbox-label"]}
           onChange={() => dispatch(toggleCheck())}
           checked={checked}
         >
           <input type="checkbox" checked={checked} onChange={() => null} />
-          <span className={custom["label-body"]}> checkbox </span>
+          <span> checkbox </span>
         </label>
-        <div style={{ width: "10rem", display: "inline-block", textAlign: "center" }}>
+        <div className={custom["checkbox-label-width10rem"]}>
           {checked ? "checked" : "unchecked"}
         </div>
         <div>
           <button onClick={() => dispatch(decNumber())}>&#8810;</button>
-          <div style={{ width: "6rem", display: "inline-block", textAlign: "center" }}>{value}</div>
+          <div className={custom["checkbox-label-width6rem"]}>{value}</div>
           <button onClick={() => dispatch(incNumber())}>&#8811;</button>
         </div>
       </div>
diff --git a/packages/generator-electrode/generators/app/templates/src/client/components/home.jsx b/packages/generator-electrode/generators/app/templates/src/client/components/home.jsx
index 1a4f33bd3..258e24708 100644
--- a/packages/generator-electrode/generators/app/templates/src/client/components/home.jsx
+++ b/packages/generator-electrode/generators/app/templates/src/client/components/home.jsx
@@ -15,9 +15,7 @@
  */
 
 import React from "react";
-import "../styles/normalize.css";
 import "../styles/raleway.css";
-import skeleton from "../styles/skeleton.css";
 import custom from "../styles/custom.css";
 import electrodePng from "../images/electrode.png";
 import DemoStates from "./demo-states";
@@ -34,7 +32,7 @@ export default () => (
     {/*<% } %>*/}
 
     <section className={custom.header}>
-      <h2 className={skeleton.title}>
+      <h2>
         <span>Hello from </span>
         <a href="https://github.com/electrode-io">
           {"Electrode"}
diff --git a/packages/generator-electrode/generators/app/templates/src/client/styles/custom.css b/packages/generator-electrode/generators/app/templates/src/client/styles/custom.css
index 1c3d9bbe1..b033fae13 100644
--- a/packages/generator-electrode/generators/app/templates/src/client/styles/custom.css
+++ b/packages/generator-electrode/generators/app/templates/src/client/styles/custom.css
@@ -11,7 +11,7 @@
 .docs-header {
   text-transform: uppercase;
   font-size: 1.4rem;
-  letter-spacing: .2rem;
+  letter-spacing: 0.2rem;
   font-weight: 600;
 }
 .docs-section {
@@ -19,7 +19,9 @@
   padding: 4rem 0;
   margin-bottom: 0;
 }
-.docs-example .row, .docs-example.row, .docs-example {
+.docs-example .row,
+.docs-example.row,
+.docs-example {
   margin-bottom: 0;
 }
 .docs-example h1,
@@ -63,3 +65,20 @@ img {
   margin: 50px 0;
   text-align: center;
 }
+
+.checkbox-label {
+  display: inline-block;
+  text-align: center;
+}
+
+.checkbox-label-width10rem {
+  width: 10rem;
+  display: inline-block;
+  text-align: center;
+}
+
+.checkbox-label-width6rem {
+  width: 6rem;
+  display: inline-block;
+  text-align: center;
+}