diff --git a/public/views/includes/header.html b/public/views/includes/header.html
index 7c1a860..d2c78b8 100644
--- a/public/views/includes/header.html
+++ b/public/views/includes/header.html
@@ -15,7 +15,7 @@
           <a href="/{{item.link}}">{{item.title}}</a>
         </li>
       </ul>
-      <form data-ng-controller="SearchController" class="navbar-form navbar-left" role="search" data-ng-submit="search()">
+      <form data-ng-controller="SearchController" class="navbar-form navbar-left hidden-xs" role="search" data-ng-submit="search()">
         <div class="form-group" data-ng-class="{'has-error': badQuery}">
           <input id="search" type="text" class="form-control" data-ng-model="q" data-ng-class="{'loading': loading}"  placeholder="Search for block, transaction or address">
         </div>
diff --git a/public/views/includes/search.html b/public/views/includes/search.html
new file mode 100644
index 0000000..5eef71d
--- /dev/null
+++ b/public/views/includes/search.html
@@ -0,0 +1,6 @@
+<form data-ng-controller="SearchController" class="visible-xs" role="search" data-ng-submit="search()">
+  <div class="form-group" data-ng-class="{'has-error': badQuery}">
+    <input id="search" type="text" class="form-control" data-ng-model="q" data-ng-class="{'loading': loading}"  placeholder="Search for block, transaction or address">
+    </div>
+  <div class="no_matching text-danger" data-ng-show="badQuery">No matching records found!</div>
+</form>
diff --git a/public/views/index.html b/public/views/index.html
index 188ec46..1215a09 100644
--- a/public/views/index.html
+++ b/public/views/index.html
@@ -6,6 +6,9 @@
   <div class="container">
     <div id="home" class="row">
       <div class="col-xs-12 col-md-8">
+
+        <div data-ng-include src="'/views/includes/search.html'"></div> 
+
         <h1>Latest Blocks</h1>
         <table class="table table-hover table-striped" style="table-layout: fixed">
           <thead>