diff --git a/public/topbar/topbar-close.png b/public/topbar/topbar-close.png
index 6b663c8b..ece12379 100644
Binary files a/public/topbar/topbar-close.png and b/public/topbar/topbar-close.png differ
diff --git a/public/topbar/topbar.html b/public/topbar/topbar.html
index 347ac1c5..31bf73b1 100644
--- a/public/topbar/topbar.html
+++ b/public/topbar/topbar.html
@@ -3,7 +3,7 @@
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <title>Neocities</title>
-		<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 		<style>
 		* {
 			margin: 0;
@@ -48,6 +48,18 @@
 		#top-bar a:hover {
 			color: #fff;
 		}
+		#top-bar input {
+      border: 0;
+      background: #555;
+      color:white;
+      width: 120px;
+      padding: 1px 5px;
+      
+		}
+    ::-webkit-input-placeholder { font-style: italic; }
+    :-moz-placeholder { font-style: italic; }
+    ::-moz-placeholder { font-style: italic; }
+    :-ms-input-placeholder { font-style: italic; }
 		#top-bar .browse-actions {
 			margin-left: 20px;
 		}
@@ -59,6 +71,7 @@
 			background: url(topbar-close.png) no-repeat;
 			width: 13px;
 			height: 13px;
+      background-size: 13px;
 			margin-top: 1px;
 			float: left;
 		}
@@ -72,14 +85,15 @@
 	<div id="top-bar">
 		<ul class="browse-actions">
 			<li><a href="https://neocities.org/">Neocities</a></li>
-			<li><a href=""><i class="fa fa-camera-retro"></i>Prev</a></li>
-			<li><a href="">Next</a></li>
+      <li><input type="text" placeholder="Browse by tag..." /></li>
+      <li><a href=""><i class="fa fa-caret-left"></i> Prev</a></li>
+			<li><a href="">Next <i class="fa fa-caret-right"></i></a></li>
 		</ul>
 		<ul class="site-actions">
-			<li><a href=""><i class="icon-user"></i><strong>rik</strong></a></li>
-			<li><a href="">Follow</a></li>
-			<li><a href="">Share</a></li>
-			<li><a class="close" href=""></a></li>
+			<li><a href=""><i class="fa fa-user"></i> <strong>rik</strong></a></li>
+			<li><a href=""><i class="fa fa-plus"></i> Follow</a></li>
+			<li><a href=""><i class="fa fa-share-alt"></i> Share</a></li>
+			<li><a class="close" href="" alt="close" title="close"></a></li>
 		</ul>
 	
 	</div>
