diff --git a/web/src/lib/components/timeline/RecentItem.svelte b/web/src/lib/components/timeline/RecentItem.svelte
index 6934f19d3..b62e7bb6e 100644
--- a/web/src/lib/components/timeline/RecentItem.svelte
+++ b/web/src/lib/components/timeline/RecentItem.svelte
@@ -69,11 +69,11 @@
 	href={resolve(recentPath(item) as "/")}
 	data-testid="recentItem"
 	data-kind={item.kind}
-	class="relative grid grid-cols-[1.75rem_1fr_auto] grid-rows-2 gap-x-sm overflow-hidden rounded-[calc(var(--radius-md)-1px-var(--spacing-2xs))] p-3 typography-paragraph-small no-underline hover:bg-background-canvas hover:no-underline dark:hover:bg-background-inset"
+	class="relative grid grid-cols-[--spacing(5.25)_1fr_auto] grid-rows-2 gap-x-sm overflow-hidden rounded-[calc(var(--radius-md)-var(--spacing-2xs))] px-xs py-xs typography-paragraph-small no-underline hover:bg-background-canvas hover:no-underline dark:hover:bg-background-inset"
 >
 	{#if item.kind === "repo"}
 		<span class="relative z-10 col-start-1 row-span-2 row-start-1 self-center">
-			<Avatar did={item.ownerDid} handle={item.ownerHandle} size="large" class="size-7" />
+			<Avatar did={item.ownerDid} handle={item.ownerHandle} />
 		</span>
 		<span
 			class="col-start-2 row-span-2 row-start-1 self-center truncate font-medium text-foreground-default"
@@ -86,9 +86,9 @@
 		/>
 	{:else}
 		<span
-			class="relative z-10 col-start-1 row-span-2 row-start-1 flex size-7 shrink-0 items-center justify-center self-center rounded-full border border-border-default bg-background-default {badge.color}"
+			class="relative z-10 col-start-1 row-span-2 row-start-1 flex size-5.25 shrink-0 items-center justify-center self-center rounded-full border border-border-default bg-background-default {badge.color}"
 		>
-			<badge.Icon class="size-3.5" aria-hidden="true" />
+			<badge.Icon class="size-3" aria-hidden="true" />
 		</span>
 		<span class="col-start-2 row-start-1 truncate text-foreground-default">{item.title}</span>
 		<span class="col-start-2 row-start-2 truncate text-foreground-subtle">
diff --git a/web/src/lib/components/timeline/RecentsPreview.stories.svelte b/web/src/lib/components/timeline/RecentsPreview.stories.svelte
index f6dd7fe1d..2c2f50da1 100644
--- a/web/src/lib/components/timeline/RecentsPreview.stories.svelte
+++ b/web/src/lib/components/timeline/RecentsPreview.stories.svelte
@@ -74,7 +74,7 @@
 >
 	{#snippet template()}
 		<div class="relative flex flex-col rounded-b bg-background-default">
-			<div class="absolute inset-y-0 w-px bg-border-default" style="left: 1.875rem"></div>
+			<div class="absolute inset-y-0 w-px bg-border-default" style="left: 1.125rem"></div>
 			{#each items.slice(0, 5) as item (recentPath(item))}
 				<RecentItem {item} />
 			{/each}
diff --git a/web/src/lib/components/timeline/RecentsPreview.svelte b/web/src/lib/components/timeline/RecentsPreview.svelte
index ede8a2f2a..77978ec12 100644
--- a/web/src/lib/components/timeline/RecentsPreview.svelte
+++ b/web/src/lib/components/timeline/RecentsPreview.svelte
@@ -17,7 +17,7 @@
 {#snippet content(resolvedItems: RecentItemData[])}
 	{#if resolvedItems.length > 0}
 		<div class="relative flex flex-col p-2xs">
-			<div class="absolute inset-y-0 z-1 w-px bg-border-default" style="left: 1.875rem"></div>
+			<div class="absolute inset-y-0 z-1 w-px bg-border-default" style="left: 1.375rem"></div>
 			{#each resolvedItems as item (recentPath(item))}
 				<RecentItem {item} />
 			{/each}