diff --git a/web/src/lib/components/repo/RepoToolbar.svelte b/web/src/lib/components/repo/RepoToolbar.svelte
index 2669dbd6..f399d6a3 100644
--- a/web/src/lib/components/repo/RepoToolbar.svelte
+++ b/web/src/lib/components/repo/RepoToolbar.svelte
@@ -4,6 +4,7 @@
 	import GitCommitHorizontal from "$icon/git-commit-horizontal";
 	import SearchCode from "$icon/search-code";
 	import Tags from "$icon/tags";
+	import Input from "$lib/components/ui/Input.svelte";
 	import CloneDropdown from "./CloneDropdown.svelte";
 	import RefSelector from "./RefSelector.svelte";
 	import type { RepoInfo } from "./types";
@@ -34,23 +35,18 @@
 	/>
 
 	<form
-		class="order-last flex h-8 w-full items-center md:order-none md:w-64"
+		class="order-last w-full md:order-none md:w-64"
 		method="GET"
 		action={resolve(`${base}/search` as "/")}
 	>
-		<div class="relative flex h-full w-full items-center">
-			<SearchCode
-				class="pointer-events-none absolute left-2 size-4 text-foreground-placeholder"
-				aria-hidden="true"
-			/>
-			<input
-				class="h-full w-full rounded border border-border-default bg-background-default py-1 pr-2 pl-8 text-sm outline-none focus:border-border-strong"
-				type="text"
-				name="q"
-				placeholder="Find files or code..."
-				aria-label="Search this repository"
-			/>
-		</div>
+		<Input
+			class="w-full"
+			type="text"
+			name="q"
+			placeholder="Find files or code..."
+			aria-label="Search this repository"
+			iconLeft={SearchCode}
+		/>
 	</form>
 
 	<div class="flex items-center gap-3">