diff --git a/code/css/popup.css b/code/css/popup.css
index 8ceed5c..6de371a 100644
--- a/code/css/popup.css
+++ b/code/css/popup.css
@@ -12,14 +12,6 @@ body {
 
     font-family: 'Roboto Mono', monospace;
 }
-article {
-    display: block;
-    text-align: left;
-    width: 80%;
-    padding-top: 2%;
-    padding-bottom: 15%;
-    margin: 0 auto;
-}
 
 footer {
     clear:both;
@@ -30,13 +22,23 @@ footer {
     width: 100%;
     height: 60px;
     line-height: 60px;
-    background-color: #E5E8E8;    
+    background-color: #E5E8E8;
+    margin-top: 2%;
+    margin-bottom: 0;
+}
+article {
+    display: block;
+    text-align: left;
+    width: 80%;
+    padding-top: 2%;
+    padding-bottom: 15%;
+    margin: 0 auto;
 }
-
 .favListItem {
     text-align: center;
 }
-
+li {
+    padding-left: 40px;
 .sortbythis:hover
 {
     cursor: pointer;
@@ -72,6 +74,7 @@ min-width: 120px;
     margin-top: 7px;
     height: 24px;
     font-size: 12px;
+    cursor: pointer;
 }
 
 .fa {
@@ -79,37 +82,33 @@ min-width: 120px;
     cursor: pointer;
     user-select: none;
 }
-
 .fa:hover {
     color: darkblue;
 }
-
+.fa:hover {
+    color: darkblue;
+}
 .checked {
     color: orange;
 }
-
-
-.card-title{
+card-title{
     font-size: 20px;
     font-weight: bolder;
     text-align: center;
     background-color:rgb(255, 193, 7);
-    /*Lighter shade for future use -> rgba(255, 191, 0, 0.52);*/
+         /*Lighter shade for future use -> rgba(255, 191, 0, 0.52);*/
 }
 .bricklayer
 {    
      margin-bottom: 200px;
 }
-
 @media screen and (min-width: 768px) {
     .bricklayer-column-sizer {
         /* Each column will be 100px width and there will be 5 columns. */
         width: 33%;
     }
 }
-
 /* You should add more media queries to make it fully responsive. */
-
 @media screen and (min-width: 768px) {
     .bricklayer-column-sizer {
         /* Each column will be 125px width and there will be 4 columns. */
@@ -180,7 +179,29 @@ hr {
     outline:none;
     color: #077bff;
 }
-
+#pop-tags{
+    padding-left: 20%;
+}
+.input-group{
+    border:1px solid #ced4da;
+    border-radius:5px;
+    border-width: 2px;
+    margin-top: 20px;
+    margin-bottom: 10px;
+}
+#search{
+    float: left;
+    width: 90%;
+    border: none;
+}
+#search_button{
+    width: 8%;
+    margin-right: 5px;
+}
+#search_button i{
+    font-size: 17px;
+    margin-top: 10px;
+}
 ul.share-buttons{
   list-style: none;
   padding: 0;
@@ -231,4 +252,5 @@ ul.share-buttons .sr-only{
     margin:-2px -50px 0 -50px;
     text-align:center;
     border-radius:0 0 10px 10px;
-}
\ No newline at end of file
+}
+
diff --git a/code/js/popup.js b/code/js/popup.js
index bb55755..86897de 100644
--- a/code/js/popup.js
+++ b/code/js/popup.js
@@ -80,6 +80,15 @@ $(function() {
   });
 });
 
+$(function() {
+  $('#search_button').on("click", function(){
+  	 $('.bricklayer').empty();
+     $('#bookmarks').empty();
+     $('#no_of_results').empty();
+     dumpBookmarks($('#search').val());
+  });
+});
+
 $(function() {
 	$(document).on("click", ".button-pop", function(){
 		$('#front').show();
@@ -450,6 +459,12 @@ document.addEventListener('DOMContentLoaded', function ()
 	  help_hide();
 	});
 
+	window.onclick = function(event) {
+    if (event.target == document.getElementById('help_popup')) {
+        document.getElementById('search').style.display = "block";
+		document.getElementById('help_popup').style.display = "none";
+    }
+}
 
 	document.getElementById('favButton').addEventListener('click', function(event){
 
diff --git a/code/popup.html b/code/popup.html
index 1c4e12b..8d3dc81 100644
--- a/code/popup.html
+++ b/code/popup.html
@@ -40,7 +40,8 @@
 
             <div class="col-sm-4">
                     <div class="input-group">
-                        <input id="search" class="form-control text-center" type="search" size="128" placeholder="Search any code; Try: sorting">
+                        <input id="search" class="form-control" type="search" size="128" placeholder="   Search any code">
+                        <div id="search_button"><i class="fa fa-search"></i></div>                  
                     </div>
                    <div id="pop-tags"></div>
                    <center>
@@ -90,6 +91,9 @@
                   <div id="timeZone_converter_modal"></div>
                   
             </div>
+
+             <div id="pop-tags"></div>
+
         </div><br>
 
   </div><br>