diff --git a/web/src/lib/components/timeline/TrendingReposList.svelte b/web/src/lib/components/timeline/TrendingReposList.svelte
index 360d5c875..4710011df 100644
--- a/web/src/lib/components/timeline/TrendingReposList.svelte
+++ b/web/src/lib/components/timeline/TrendingReposList.svelte
@@ -9,18 +9,16 @@
 </script>
 
 {#if repos.length > 0}
-	<div class="rounded-b bg-background-default py-1">
+	<div class="rounded-b bg-background-default">
 		{#each repos as repo (repoKey(repo))}
-			<!-- a real anchor per row: a stretched (absolute inset-0) link inside a
-			     position:relative row breaks hit-testing on safari -->
 			<a
 				href={resolve(`/${repo.ownerHandle}/${repo.name}` as "/")}
 				class="grid grid-cols-[3.5rem_minmax(0,1fr)] gap-x-4 px-4 py-3 no-underline hover:bg-background-subtle hover:no-underline"
 			>
 				<span
-					class="flex items-start justify-end gap-1 typography-paragraph-small text-foreground-subtle tabular-nums"
+					class="flex self-start items-center justify-end gap-1 typography-paragraph-small text-foreground-subtle tabular-nums"
 				>
-					<Star class="mt-0.5 size-3 shrink-0 fill-current" aria-hidden="true" />
+					<Star class="size-3 shrink-0 [&_path]:fill-current" aria-hidden="true" />
 					{formatCount(repo.stars ?? 0)}
 				</span>
 				<span class="min-w-0">