diff --git a/web/src/lib/components/repo/RefSelector.svelte b/web/src/lib/components/repo/RefSelector.svelte
index bee76b79f..32c9dadfb 100644
--- a/web/src/lib/components/repo/RefSelector.svelte
+++ b/web/src/lib/components/repo/RefSelector.svelte
@@ -3,6 +3,7 @@
 	import { resolve } from "$app/paths";
 	import GitCompare from "$icon/git-compare";
 	import { branchOptions } from "#lib/components/repo/branchOptions.ts";
+	import Button from "#lib/components/ui/Button.svelte";
 	import Select from "#lib/components/ui/Select.svelte";
 	import type { SelectOption } from "#lib/components/ui/selectField.ts";
 
@@ -46,9 +47,13 @@
 			class="md:min-w-48"
 		>
 			{#snippet footer()}
-				<div class="flex items-center gap-md px-xs py-1.5">
-					<a href={resolve(`${base}/branches` as "/")}> View all branches </a>
-					<a href={resolve(`${base}/tags` as "/")}>View all tags</a>
+				<div class="flex items-center gap-xs px-xs py-1.5">
+					<Button variant="ghost" size="small" href={resolve(`${base}/branches` as "/")}
+						>View all branches</Button
+					>
+					<Button variant="ghost" size="small" href={resolve(`${base}/tags` as "/")}
+						>View all tags</Button
+					>
 				</div>
 			{/snippet}
 		</Select>