diff --git a/code/css/popup.css b/code/css/popup.css
index 0b6cc55..9753f70 100644
--- a/code/css/popup.css
+++ b/code/css/popup.css
@@ -52,8 +52,39 @@ html {
         height: 24px;
         font-size: 12px;
     }
-    
-    .fa {
+#bookmarks{
+    padding-bottom:60px; 
+}
+.input-group{
+    border:1px solid #ced4da;
+    border-radius:5px;
+    border-width: 2px;
+    margin-top: 25px;
+}
+.input-group search{
+    float: left;
+    width: 90%;
+    border: none;
+    padding: 0px;
+}
+.input-group button{
+    height: 40px;
+    margin: 0px;
+    border-radius:px;
+    float:left;
+    width:10%;
+    border-left:none;
+    cursor:pointer;
+}
+#pop-tags{
+        padding-left: 20%;
+}
+@media (min-width: 1200px)
+.container {
+    max-width: 100% !important;
+}
+
+.fa {
         font-size: 15px;
         cursor: pointer;
         user-select: none;
@@ -144,4 +175,5 @@ hr {
     margin:10px -50px;
     border:0;
     border-top:1px solid #ccc
-}
\ No newline at end of file
+}
+
diff --git a/code/popup.html b/code/popup.html
index 2cf5d4c..6482c70 100644
--- a/code/popup.html
+++ b/code/popup.html
@@ -9,6 +9,7 @@
   <link rel="stylesheet" type="text/css" href="css/font.css">
   <link rel="stylesheet" type="text/css" href="css/fontawesome-all.min.css">
   <link rel="shortcut icon" type="image/png" href="/icon/icon.png"/>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <title>OpenGenus: World's first Offline Search Engine</title>
   <meta charset='utf-8'>
 </head>
@@ -25,12 +26,10 @@
 
             <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">
-                    </div>
-			             <div id="pop-tags"></div>
+                        <input id="search" class="form-control text-cente" placeholder="Search any code">
+                        <button type="submit" class="btn-xs button-pop btn-warning" ><i class="fa fa-search"></i></button> 
             </div>
-
-            
+			              
             <div class="col-sm-4">
 
                   <a class="btn float-right" target="_blank" id="help" href="javascript:void(0)">Help</a>
@@ -41,38 +40,37 @@
                   
             </div>
 
-            
+            <div id="pop-tags"></div>
+
 
         </div><br>
 
-    </div>
+  </div>
 
-    <div id="front">
-	    <h1 style="text-align: center;">World's first Offline Search Engine</h1>
-	    <hr>
-	    
-	    <img id="fact" src="image/1.jpg" alt="Enjoy our daily code fact" style="width:50vw; height:50vh; position: relative; left: 50%; transform: translate(-50%, 0%);"/>
+  <div id="front">
+      <h1 style="text-align: center;">World's first Offline Search Engine</h1>
+      <hr>
+      
+      <img id="fact" src="image/1.jpg" alt="Enjoy our daily code fact" style="width:50vw; height:50vh; position: relative; left: 50%; transform: translate(-50%, 0%);"/>
 
-	    <hr>
-	</div>
+      <hr>
+  </div>
 
-    <div id="no_of_results"></div>
+  <div id="no_of_results"></div>
     
-    <div class="bricklayer" id="bl"></div>
+  <div class="bricklayer" id="bl"></div>
     
-    <div id="error-message" class="row"></div>
+  <div id="error-message" class="row"></div>
      
-    <div id="favorites"></div>
-    
-    <footer class="footer">
-        <div class="container">
-              <span class="text-muted">Built with ❤ @<a target="_blank" title="Works only when you are online" href="https://github.com/OpenGenus/">OpenGenus</a> 
-              Email: <a target="_blank" title="Works offline if email app enabled" href="mailto:team@opengenus.org"> 📬 team@opengenus.org</a></span>
-              <span class="text-muted float-right">Maintained by and part of the <a target="_blank" title="Works only when you are online" href="http://www.opengenus.org/"> 👪 OpenGenus Foundation</a></span>
-        </div>
-
-    </footer>
+  <div id="favorites"></div> 
 
+  <footer class="footer">
+  <div class="container">
+        <span class="text-muted">Built with ❤ @<a target="_blank" title="Works only when you are online" href="https://github.com/OpenGenus/">OpenGenus</a> 
+        Email: <a target="_blank" title="Works offline if email app enabled" href="mailto:team@opengenus.org"> 📬 team@opengenus.org</a></span>
+        <span class="text-muted float-right">Maintained by and part of the <a target="_blank" title="Works only when you are online" href="http://www.opengenus.org/"> 👪 OpenGenus Foundation</a></span>
+  </div>
+  </footer>
 
   <div id="help_popup">
       <div id="popup">