diff --git a/web/src/lib/components/repo/FileTree.svelte b/web/src/lib/components/repo/FileTree.svelte
index 78f97a7f6..ce7a4595d 100644
--- a/web/src/lib/components/repo/FileTree.svelte
+++ b/web/src/lib/components/repo/FileTree.svelte
@@ -3,8 +3,9 @@
 
 	export const fileRow = tv({
 		slots: {
-			root: "grid items-center gap-md py-2xs",
-			link: "flex min-w-0 items-center gap-xs text-foreground-default no-underline hover:underline",
+			root: "group my-3xs grid items-center gap-md rounded-sm px-1.5 py-0.75 transition-colors hover:bg-background-subtle",
+			link: "flex min-w-0 cursor-pointer items-center gap-xs text-foreground-default no-underline",
+			icon: "text-foreground-placeholder transition-colors group-hover:text-foreground-default",
 			message: "hidden min-w-0 md:col-span-6 md:block",
 			time: "text-right text-foreground-subtle"
 		},
@@ -89,7 +90,7 @@
 		{@const href = resolve(linkFor(entry) as "/")}
 		<div class={row.root()} class:row-breathe={navigatingTo(href)}>
 			<a {href} class={row.link()}>
-				<span class="text-foreground-muted">
+				<span class={row.icon()}>
 					<Glyph class={iconClassFor(entry)} aria-hidden="true" />
 				</span>
 				<span class="truncate">{entry.name}</span>
@@ -100,7 +101,7 @@
 					{#if entry.lastCommitHash && entry.lastCommitMessage}
 						<a
 							href={resolve(`${base}/commit/${entry.lastCommitHash}` as "/")}
-							class="block truncate text-foreground-muted no-underline hover:text-foreground-default hover:underline"
+							class="block truncate text-foreground-muted no-underline transition-colors hover:text-foreground-default"
 						>
 							{splitMessage(entry.lastCommitMessage)[0]}
 						</a>
@@ -112,7 +113,7 @@
 				{#if entry.lastCommitHash && entry.lastCommitWhen}
 					<a
 						href={resolve(`${base}/commit/${entry.lastCommitHash}` as "/")}
-						class="text-foreground-muted no-underline hover:text-foreground-default hover:underline"
+						class="text-foreground-muted no-underline transition-colors hover:text-foreground-default"
 						title={entry.lastCommitMessage}
 					>
 						<TimeAgo value={entry.lastCommitWhen} />
diff --git a/web/src/lib/components/repo/RepoIndexView.svelte b/web/src/lib/components/repo/RepoIndexView.svelte
index facda9921..979abca91 100644
--- a/web/src/lib/components/repo/RepoIndexView.svelte
+++ b/web/src/lib/components/repo/RepoIndexView.svelte
@@ -111,7 +111,7 @@
 				{bobbinUrl}
 			/>
 			<div class="grid grid-cols-1 gap-xs md:grid-cols-2">
-				<div class="min-w-0 pr-xs md:border-r md:border-border-default">
+				<div class="min-w-0 pr-md md:border-r md:border-border-default">
 					<FileTree
 						ownerHandle={repo.ownerHandle}
 						repoName={repo.name}