diff --git a/data/images/favicon.ico b/data/images/favicon.ico
index bc5b5d35..84cfd30f 100644
Binary files a/data/images/favicon.ico and b/data/images/favicon.ico differ
diff --git a/data/images/headphoneslogo.png b/data/images/headphoneslogo.png
index 86bfc0a4..2b77ac93 100644
Binary files a/data/images/headphoneslogo.png and b/data/images/headphoneslogo.png differ
diff --git a/data/interfaces/default/base.html b/data/interfaces/default/base.html
index 6337aeb3..e7d26f1a 100644
--- a/data/interfaces/default/base.html
+++ b/data/interfaces/default/base.html
@@ -44,7 +44,7 @@
 		<header>
 			<div class="wrapper">
 			<div id="logo">
-				<a href="home"><img src="images/headphoneslogo.png" alt="headphones"></a>
+				<a href="home"><img src="images/headphoneslogo.png" alt="headphones" width="64"></a>
 			</div>
 			<ul id="nav">
 				<li><a href="upcoming">wanted</a></li>
@@ -57,7 +57,7 @@
 			<div id="searchbar">
                 <form action="search" method="get">
                     <input type="text" value="" placeholder="Search" onfocus="if(this.value==this.defaultValue) this.value='';" name="name" />
-                    <span class="mini-icon"></span>
+                    <i class='fa fa-search mini-icon'></i>
                     <select name="type">
   						<option value="artist">Artist</option>
   						<option value="album">Album</option>
diff --git a/data/interfaces/default/css/style.css b/data/interfaces/default/css/style.css
index 0a52654d..6e5be0fd 100644
--- a/data/interfaces/default/css/style.css
+++ b/data/interfaces/default/css/style.css
@@ -804,13 +804,11 @@ div#searchbar input[type=text] {
   width: 150px;
 }
 div#searchbar .mini-icon {
-  height: 20px;
-  width: 20px;
-  background: url("../images/icon_search.gif") left top no-repeat;
+  color: #999;
   position: absolute;
   display: block;
-  margin-left: 6px;
-  margin-top: 6px;
+  margin-left: 9px;
+  margin-top: 7px;
 }
 .configtable legend {
   font-size: 16px;
diff --git a/data/interfaces/default/css/style.less b/data/interfaces/default/css/style.less
index 48a50794..a5063d14 100644
--- a/data/interfaces/default/css/style.less
+++ b/data/interfaces/default/css/style.less
@@ -472,13 +472,11 @@ div#searchbar {
         width: 150px;
     }
     .mini-icon {
-    	height: 20px;
-    	width: 20px;
-    	background: url("../images/icon_search.gif") left top no-repeat;
+    	color: #999;
     	position: absolute;
     	display: block;
-    	margin-left: 6px;
-    	margin-top: 6px;
+    	margin-left: 9px;
+    	margin-top: 7px;
     }
 }