diff --git a/docs/README.md b/docs/README.md
index b45679a..9d844f4 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -14,8 +14,6 @@
     </p>
 </div>
 
-<section class="demo"></section>
-
 <p align="center">
     <a href="https://travis-ci.org/frappe/charts">
         <img src="https://img.shields.io/travis/frappe/charts.svg?style=flat-square">
diff --git a/docs/basic/basic_chart.md b/docs/basic/basic_chart.md
index 908027e..4d6c92a 100644
--- a/docs/basic/basic_chart.md
+++ b/docs/basic/basic_chart.md
@@ -2,7 +2,6 @@
 
 A chart is generally a 2D rendition of data. For example, for a set of values across items, the data could look like:
 ```js
-
 data = {
 	labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
 	datasets: [
diff --git a/docs/index.html b/docs/index.html
index cb9508f..59e4718 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -83,11 +83,17 @@
   <script src="index.min.js"></script>
   <script>
     window.$docsify.subMaxLevel = 2;
+    window.$docsify.search = {
+      placeholder: 'Search Docs ...',
+      noData: 'No Results',
+      depth: 2
+    };
   </script>
 
   <script async src="https://static.codepen.io/assets/embed/ei.js"></script>
 
   <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
+  <script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
   <script src="//unpkg.com/docsify/lib/plugins/external-script.min.js"></script>
 </body>
 </html>