diff --git a/res/icon/account-circle.png b/res/icon/account-circle.png
deleted file mode 100644
index a6049872a97d815896e7b5e9414a27837a5e6de0..0000000000000000000000000000000000000000
Binary files a/res/icon/account-circle.png and /dev/null differ
diff --git a/res/icon/history.png b/res/icon/history.png
deleted file mode 100644
index e4044b4bd462fb83156777582ca255756d443593..0000000000000000000000000000000000000000
Binary files a/res/icon/history.png and /dev/null differ
diff --git a/res/search.css b/res/search.css
index bb855aea74942f744da760922ec08a9d66484480..ce60df48ec8d219e3fe05d449a6c02a4750a0d02 100644
--- a/res/search.css
+++ b/res/search.css
@@ -103,6 +103,11 @@ nav .wrapper {
     left: 0;
     right: 0;
     box-shadow: 0 -1px 0 #e0e0e0,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
+    transition: background .15s;
+}
+
+nav.search .wrapper {
+    background: #fff;
 }
 
 nav input[type=text]::-moz-placeholder {
@@ -387,6 +392,12 @@ nav input[type=text]:focus + #searchicon {
     padding: 3px;
     cursor: pointer;
     color: #fff;
+    transition: all .15s;
+}
+
+nav.search #actions > * {
+    color: #000;
+    opacity: 0.6;
 }
 
 #actions >*:hover:before {
diff --git a/res/search.js b/res/search.js
index 359787997bbec3a599c40aedc3939a17489ccca8..a932eb3330161068514f1a2faf92fc29dd579aad 100644
--- a/res/search.js
+++ b/res/search.js
@@ -63,10 +63,12 @@ $("nav").click(function (e) {
 $("#q").focus(function (){
     $("#autocomplete").addClass("active");
     $("#results").addClass("hidden");
+    $("nav").addClass("search");
 });
 $("#q").blur(function () {
     $("#autocomplete").removeClass("active");
     $("#results").removeClass("hidden");
+    $("nav").removeClass("search");
 });
 
 var sendercolor = function (nick) {