diff --git a/src/js/components/home.js b/src/js/components/home.js
index 861a17d..19b9602 100644
--- a/src/js/components/home.js
+++ b/src/js/components/home.js
@@ -1,15 +1,13 @@
 var React = require('react');
 
+var NavSidebar = require('./nav-sidebar');
+
 var Home = React.createClass({
   render: function () {
     return (
       <div className="container-fluid row">
         <div className="col-xs-3">
-          <ul className="nav nav-pills nav-stacked">
-            <li role="presentation" className="active"><a href="#">Settings</a></li>
-            <li role="presentation"><a href="#">Test</a></li>
-            <li role="presentation"><a href="#">About</a></li>
-          </ul>
+          <NavSideBar />
         </div>
         <div className="col-xs-9">
           <h2>Title</h2>
diff --git a/src/js/components/nav-sidebar.js b/src/js/components/nav-sidebar.js
new file mode 100644
index 0000000..af457ab
--- /dev/null
+++ b/src/js/components/nav-sidebar.js
@@ -0,0 +1,15 @@
+var React = require('react');
+
+var NavSidebar = React.createClass({
+  render: function () {
+    return (
+      <ul className="nav nav-pills nav-stacked">
+        <li role="presentation" className="active"><a href="#">Settings</a></li>
+        <li role="presentation"><a href="#">Test</a></li>
+        <li role="presentation"><a href="#">About</a></li>
+      </ul>
+    );
+  }
+});
+
+module.exports = NavSidebar;
\ No newline at end of file