diff --git a/assets/css/default.css b/assets/css/default.css
index 20ec3222..1445f65f 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -318,12 +318,9 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 
 .searchbar #searchbutton {
-  border: 0;
+  border: none;
   background: none;
-  text-transform: uppercase;
-  display: grid;
-  place-items: center;
-  width: 1.5em;
+  margin-top: 0;
 }
 
 .searchbar #searchbutton:hover {
diff --git a/src/invidious/views/components/search_box.ecr b/src/invidious/views/components/search_box.ecr
index b679b031..29da2c52 100644
--- a/src/invidious/views/components/search_box.ecr
+++ b/src/invidious/views/components/search_box.ecr
@@ -7,8 +7,6 @@
 		value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
 	</fieldset>
 	<button type="submit" id="searchbutton" aria-label="<%= translate(locale, "search") %>">
-		<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" aria-hidden="true">
-  			<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
-		</svg>
+		<i class="icon ion-ios-search"></i>
 	</button>
 </form>