diff --git a/apps/dashboard/src/components/issues/labels-section.tsx b/apps/dashboard/src/components/issues/labels-section.tsx
index 9c2b20f..e19a5a6 100644
--- a/apps/dashboard/src/components/issues/labels-section.tsx
+++ b/apps/dashboard/src/components/issues/labels-section.tsx
@@ -4,7 +4,7 @@ import {
 	PopoverContent,
 	PopoverTrigger,
 } from "@diffkit/ui/components/popover";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useCallback, useMemo, useRef, useState } from "react";
 import { createRepoLabel, setIssueLabels } from "#/lib/github.functions";
 import {
@@ -52,16 +52,23 @@ export function LabelsSection({
 	pageQueryKey: readonly unknown[];
 }) {
 	const { mutate } = useOptimisticMutation();
+	const queryClient = useQueryClient();
 	const [pickerOpen, setPickerOpen] = useState(false);
 	const [search, setSearch] = useState("");
 	const [pending, setPending] = useState(false);
 	const [focusedIndex, setFocusedIndex] = useState(-1);
 	const listRef = useRef<HTMLDivElement>(null);
 
+	const labelsOptions = githubRepoLabelsQueryOptions(scope, { owner, repo });
+
 	const repoLabelsQuery = useQuery({
-		...githubRepoLabelsQueryOptions(scope, { owner, repo }),
+		...labelsOptions,
 		enabled: pickerOpen,
 	});
+
+	const prefetchLabels = useCallback(() => {
+		void queryClient.prefetchQuery(labelsOptions);
+	}, [queryClient, labelsOptions]);
 	const repoLabels = repoLabelsQuery.data ?? [];
 
 	const activeNames = useMemo(
@@ -201,6 +208,8 @@ export function LabelsSection({
 					<PopoverTrigger asChild>
 						<button
 							type="button"
+							onMouseEnter={prefetchLabels}
+							onFocus={prefetchLabels}
 							className="flex size-5 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-surface-2 hover:text-foreground"
 						>
 							<PlusSignIcon size={14} strokeWidth={2} />
diff --git a/apps/dashboard/src/components/layouts/dashboard-tabs.tsx b/apps/dashboard/src/components/layouts/dashboard-tabs.tsx
new file mode 100644
index 0000000..c5004d9
--- /dev/null
+++ b/apps/dashboard/src/components/layouts/dashboard-tabs.tsx
@@ -0,0 +1,200 @@
+import {
+	CloseIcon,
+	GitPullRequestIcon,
+	IssuesIcon,
+	ReviewsIcon,
+} from "@diffkit/icons";
+import { Link, type useRouter, useRouterState } from "@tanstack/react-router";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { preloadRouteOnce } from "#/lib/route-preload";
+import { removeTab, type Tab, useTabs } from "#/lib/tab-store";
+
+const tabIconMap = {
+	pull: GitPullRequestIcon,
+	issue: IssuesIcon,
+	review: ReviewsIcon,
+} as const;
+
+function useScrollShadows(tabCount: number) {
+	const scrollRef = useRef<HTMLDivElement>(null);
+	const prevTabCountRef = useRef(tabCount);
+	const [canScrollLeft, setCanScrollLeft] = useState(false);
+	const [canScrollRight, setCanScrollRight] = useState(false);
+
+	const updateScrollState = useCallback(() => {
+		const el = scrollRef.current;
+		if (!el) return;
+		setCanScrollLeft(el.scrollLeft > 0);
+		setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
+	}, []);
+
+	useEffect(() => {
+		const el = scrollRef.current;
+		if (!el) return;
+
+		// Scroll to the end when a new tab is added
+		if (tabCount > prevTabCountRef.current) {
+			el.scrollLeft = el.scrollWidth;
+		}
+		prevTabCountRef.current = tabCount;
+		updateScrollState();
+
+		// Keep gradient visibility in sync with container resizes
+		const ro = new ResizeObserver(updateScrollState);
+		ro.observe(el);
+		return () => ro.disconnect();
+	}, [tabCount, updateScrollState]);
+
+	return { scrollRef, canScrollLeft, canScrollRight, updateScrollState };
+}
+
+interface DashboardTabsProps {
+	tabsReady: boolean;
+	routerRef: React.RefObject<ReturnType<typeof useRouter>>;
+}
+
+export function DashboardTabs({ tabsReady, routerRef }: DashboardTabsProps) {
+	const openTabs = useTabs();
+	const pathname = useRouterState({ select: (s) => s.location.pathname });
+	const { scrollRef, canScrollLeft, canScrollRight, updateScrollState } =
+		useScrollShadows(openTabs.length);
+
+	// biome-ignore lint/correctness/useExhaustiveDependencies: pathname is intentionally used as a trigger to re-run when the route changes
+	useEffect(() => {
+		const container = scrollRef.current;
+		if (!container) return;
+		const activeTab = container.querySelector<HTMLElement>(".active");
+		if (!activeTab) return;
+
+		const { left: cLeft, right: cRight } = container.getBoundingClientRect();
+		const { left: tLeft, right: tRight } = activeTab.getBoundingClientRect();
+
+		if (tLeft < cLeft || tRight > cRight) {
+			activeTab.scrollIntoView({ inline: "nearest", block: "nearest" });
+			updateScrollState();
+		}
+	}, [pathname, scrollRef, updateScrollState]);
+
+	useEffect(() => {
+		if (!tabsReady || openTabs.length === 0) return;
+
+		void Promise.allSettled(
+			openTabs.map((tab) => preloadRouteOnce(routerRef.current, tab.url)),
+		);
+	}, [tabsReady, openTabs, routerRef]);
+
+	const handleCloseTab = useCallback(
+		(id: string, tabUrl: string) => {
+			const isActive = pathname === tabUrl;
+			removeTab(id);
+			if (isActive) {
+				void routerRef.current.navigate({ to: "/" });
+			}
+		},
+		[pathname, routerRef],
+	);
+
+	if (openTabs.length === 0) return null;
+
+	return (
+		<div
+			aria-hidden={!tabsReady}
+			className={`flex min-w-0 items-center gap-3 overflow-hidden transition-[opacity,transform] duration-300 ease-out ${
+				tabsReady
+					? "translate-y-0 opacity-100"
+					: "pointer-events-none -translate-y-0.5 opacity-0"
+			}`}
+		>
+			<div className="h-4 shrink-0 border-l border-border/50" />
+			<div className="relative min-w-0 flex-1 overflow-hidden">
+				<div
+					className={`pointer-events-none absolute inset-y-0 left-0 z-10 w-6 bg-gradient-to-r from-muted to-transparent transition-opacity ${canScrollLeft ? "opacity-100" : "opacity-0"}`}
+				/>
+				<div
+					className={`pointer-events-none absolute inset-y-0 right-0 z-10 w-6 bg-gradient-to-l from-muted to-transparent transition-opacity ${canScrollRight ? "opacity-100" : "opacity-0"}`}
+				/>
+				{/* biome-ignore lint/a11y/noStaticElementInteractions: scroll container needs onScroll for gradient visibility */}
+				<div
+					ref={scrollRef}
+					onScroll={updateScrollState}
+					onMouseEnter={updateScrollState}
+					className="no-scrollbar flex w-0 min-w-full items-center gap-0.5 overflow-x-auto"
+				>
+					{openTabs.map((tab) => {
+						const Icon = tabIconMap[tab.type];
+						return (
+							<DetailTab
+								key={tab.id}
+								tab={tab}
+								icon={Icon}
+								onClose={handleCloseTab}
+								routerRef={routerRef}
+							/>
+						);
+					})}
+				</div>
+			</div>
+		</div>
+	);
+}
+
+const DetailTab = memo(function DetailTab({
+	tab,
+	icon: Icon,
+	onClose,
+	routerRef,
+}: {
+	tab: Tab;
+	icon: typeof GitPullRequestIcon;
+	onClose: (id: string, tabUrl: string) => void;
+	routerRef: React.RefObject<ReturnType<typeof useRouter>>;
+}) {
+	const preloadTab = () => {
+		void preloadRouteOnce(routerRef.current, tab.url);
+	};
+
+	return (
+		<Link
+			to={tab.url}
+			preload={false}
+			onMouseEnter={preloadTab}
+			onFocus={preloadTab}
+			onTouchStart={preloadTab}
+			activeOptions={{ exact: true }}
+			activeProps={{ className: "active" }}
+			className="group relative flex h-8 shrink-0 items-center gap-1.5 rounded-md px-3 text-[13px] font-medium text-muted-foreground transition-colors hover:bg-surface-1 hover:text-foreground [&.active]:bg-surface-1 [&.active]:text-foreground"
+		>
+			<Icon size={13} strokeWidth={2} className={`shrink-0 ${tab.iconColor}`} />
+			<span className="max-w-32 truncate">{tab.title}</span>
+			{tab.type === "review" ? (
+				<span className="flex items-center gap-1 font-mono text-[11px] font-medium tabular-nums">
+					{tab.additions != null && (
+						<span className="text-green-500">+{tab.additions}</span>
+					)}
+					{tab.deletions != null && (
+						<span className="text-red-500">-{tab.deletions}</span>
+					)}
+				</span>
+			) : (
+				<span className="tabular-nums text-muted-foreground text-[11px]">
+					#{tab.number}
+				</span>
+			)}
+			<button
+				type="button"
+				onClick={(e) => {
+					e.preventDefault();
+					e.stopPropagation();
+					onClose(tab.id, tab.url);
+				}}
+				className="absolute inset-y-0 right-0 flex items-center rounded-r-md bg-surface-1 pl-1.5 pr-1.5 opacity-0 transition-opacity group-hover:opacity-100"
+				aria-label={`Close ${tab.title}`}
+			>
+				<span className="absolute inset-y-0 -left-3 w-3 bg-gradient-to-r from-transparent to-surface-1" />
+				<span className="relative flex size-4 items-center justify-center rounded-sm hover:bg-border/50">
+					<CloseIcon size={10} strokeWidth={2} />
+				</span>
+			</button>
+		</Link>
+	);
+});
diff --git a/apps/dashboard/src/components/layouts/dashboard-topbar.tsx b/apps/dashboard/src/components/layouts/dashboard-topbar.tsx
index d50ed96..23dd79c 100644
--- a/apps/dashboard/src/components/layouts/dashboard-topbar.tsx
+++ b/apps/dashboard/src/components/layouts/dashboard-topbar.tsx
@@ -1,5 +1,4 @@
 import {
-	CloseIcon,
 	GitPullRequestIcon,
 	HomeIcon,
 	IssuesIcon,
@@ -21,13 +20,13 @@ import {
 	DropdownMenuShortcut,
 	DropdownMenuTrigger,
 } from "@diffkit/ui/components/dropdown-menu";
-import { Link, useRouter, useRouterState } from "@tanstack/react-router";
+import { Link, useRouter } from "@tanstack/react-router";
 import { useTheme } from "next-themes";
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { DashboardTabs } from "#/components/layouts/dashboard-tabs";
 import { signOutToLogin } from "#/lib/auth-actions";
-import { preloadRouteOnce } from "#/lib/route-preload";
 import { useGlobalShortcuts } from "#/lib/shortcuts";
-import { removeTab, type Tab, useTabs } from "#/lib/tab-store";
+import { type Tab, useTabs } from "#/lib/tab-store";
 
 interface DashboardTopbarProps {
 	user: {
@@ -56,12 +55,6 @@ const themeOptions = [
 	{ value: "system", icon: SystemIcon, label: "System" },
 ] as const;
 
-const tabIconMap = {
-	pull: GitPullRequestIcon,
-	issue: IssuesIcon,
-	review: ReviewsIcon,
-} as const;
-
 const primaryNavRoutes = ["/", "/pulls", "/issues", "/reviews"] as const;
 const MAX_TAB_SHORTCUTS = 9;
 
@@ -78,32 +71,6 @@ export function DashboardTopbar({
 	const router = useRouter();
 	const routerRef = useRef(router);
 	routerRef.current = router;
-	const pathname = useRouterState({ select: (s) => s.location.pathname });
-	const scrollRef = useRef<HTMLDivElement>(null);
-	const [canScrollLeft, setCanScrollLeft] = useState(false);
-	const [canScrollRight, setCanScrollRight] = useState(false);
-
-	const updateScrollState = useCallback(() => {
-		const el = scrollRef.current;
-		if (!el) return;
-		setCanScrollLeft(el.scrollLeft > 0);
-		setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
-	}, []);
-
-	useEffect(() => {
-		const el = scrollRef.current;
-		if (!el) return;
-		const ro = new ResizeObserver(updateScrollState);
-		ro.observe(el);
-		return () => ro.disconnect();
-	}, [updateScrollState]);
-
-	useEffect(() => {
-		const el = scrollRef.current;
-		if (!el || openTabs.length === 0) return;
-		el.scrollLeft = el.scrollWidth;
-		updateScrollState();
-	}, [openTabs.length, updateScrollState]);
 
 	const displayName = user.name ?? user.email;
 	const initials = displayName
@@ -146,30 +113,11 @@ export function DashboardTopbar({
 		);
 	}, [tabsReady]);
 
-	useEffect(() => {
-		if (!tabsReady || openTabs.length === 0) return;
-
-		void Promise.allSettled(
-			openTabs.map((tab) => preloadRouteOnce(routerRef.current, tab.url)),
-		);
-	}, [tabsReady, openTabs]);
-
 	function navigateToTab(tab: Tab | undefined) {
 		if (!tab) return;
 		void routerRef.current.navigate({ to: tab.url });
 	}
 
-	const handleCloseTab = useCallback(
-		(id: string, tabUrl: string) => {
-			const isActive = pathname === tabUrl;
-			removeTab(id);
-			if (isActive) {
-				void routerRef.current.navigate({ to: "/" });
-			}
-		},
-		[pathname],
-	);
-
 	useGlobalShortcuts([
 		...Array.from(
 			{ length: Math.min(openTabs.length, MAX_TAB_SHORTCUTS) },
@@ -319,46 +267,7 @@ export function DashboardTopbar({
 			</div>
 
 			<div className="min-w-0 flex-1 overflow-hidden">
-				{openTabs.length > 0 && (
-					<div
-						aria-hidden={!tabsReady}
-						className={`flex min-w-0 items-center gap-3 overflow-hidden transition-[opacity,transform] duration-300 ease-out ${
-							tabsReady
-								? "translate-y-0 opacity-100"
-								: "pointer-events-none -translate-y-0.5 opacity-0"
-						}`}
-					>
-						<div className="h-4 shrink-0 border-l border-border/50" />
-						<div className="relative min-w-0 flex-1 overflow-hidden">
-							<div
-								className={`pointer-events-none absolute inset-y-0 left-0 z-10 w-6 bg-gradient-to-r from-muted to-transparent transition-opacity ${canScrollLeft ? "opacity-100" : "opacity-0"}`}
-							/>
-							<div
-								className={`pointer-events-none absolute inset-y-0 right-0 z-10 w-6 bg-gradient-to-l from-muted to-transparent transition-opacity ${canScrollRight ? "opacity-100" : "opacity-0"}`}
-							/>
-							{/* biome-ignore lint/a11y/noStaticElementInteractions: scroll container needs onScroll for gradient visibility */}
-							<div
-								ref={scrollRef}
-								onScroll={updateScrollState}
-								onMouseEnter={updateScrollState}
-								className="no-scrollbar flex w-0 min-w-full items-center gap-0.5 overflow-x-auto"
-							>
-								{openTabs.map((tab) => {
-									const Icon = tabIconMap[tab.type];
-									return (
-										<DetailTab
-											key={tab.id}
-											tab={tab}
-											icon={Icon}
-											onClose={handleCloseTab}
-											routerRef={routerRef}
-										/>
-									);
-								})}
-							</div>
-						</div>
-					</div>
-				)}
+				<DashboardTabs tabsReady={tabsReady} routerRef={routerRef} />
 			</div>
 
 			<div className="shrink-0">
@@ -373,64 +282,3 @@ export function DashboardTopbar({
 		</nav>
 	);
 }
-
-const DetailTab = memo(function DetailTab({
-	tab,
-	icon: Icon,
-	onClose,
-	routerRef,
-}: {
-	tab: Tab;
-	icon: typeof GitPullRequestIcon;
-	onClose: (id: string, tabUrl: string) => void;
-	routerRef: React.RefObject<ReturnType<typeof useRouter>>;
-}) {
-	const preloadTab = () => {
-		void preloadRouteOnce(routerRef.current, tab.url);
-	};
-
-	return (
-		<Link
-			to={tab.url}
-			preload={false}
-			onMouseEnter={preloadTab}
-			onFocus={preloadTab}
-			onTouchStart={preloadTab}
-			activeOptions={{ exact: true }}
-			activeProps={{ className: "active" }}
-			className="group relative flex h-8 shrink-0 items-center gap-1.5 rounded-md px-3 text-[13px] font-medium text-muted-foreground transition-colors hover:bg-surface-1 hover:text-foreground [&.active]:bg-surface-1 [&.active]:text-foreground"
-		>
-			<Icon size={13} strokeWidth={2} className={`shrink-0 ${tab.iconColor}`} />
-			<span className="max-w-32 truncate">{tab.title}</span>
-			{tab.type === "review" ? (
-				<span className="flex items-center gap-1 font-mono text-[11px] font-medium tabular-nums">
-					{tab.additions != null && (
-						<span className="text-green-500">+{tab.additions}</span>
-					)}
-					{tab.deletions != null && (
-						<span className="text-red-500">-{tab.deletions}</span>
-					)}
-				</span>
-			) : (
-				<span className="tabular-nums text-muted-foreground text-[11px]">
-					#{tab.number}
-				</span>
-			)}
-			<button
-				type="button"
-				onClick={(e) => {
-					e.preventDefault();
-					e.stopPropagation();
-					onClose(tab.id, tab.url);
-				}}
-				className="absolute inset-y-0 right-0 flex items-center rounded-r-md bg-surface-1 pl-1.5 pr-1.5 opacity-0 transition-opacity group-hover:opacity-100"
-				aria-label={`Close ${tab.title}`}
-			>
-				<span className="absolute inset-y-0 -left-3 w-3 bg-gradient-to-r from-transparent to-surface-1" />
-				<span className="relative flex size-4 items-center justify-center rounded-sm hover:bg-border/50">
-					<CloseIcon size={10} strokeWidth={2} />
-				</span>
-			</button>
-		</Link>
-	);
-});
diff --git a/apps/dashboard/src/components/pulls/detail/pull-body-section.tsx b/apps/dashboard/src/components/pulls/detail/pull-body-section.tsx
index 0b2e03e..d82697c 100644
--- a/apps/dashboard/src/components/pulls/detail/pull-body-section.tsx
+++ b/apps/dashboard/src/components/pulls/detail/pull-body-section.tsx
@@ -297,43 +297,47 @@ export function PullBodySection({
 						) : (
 							<CheckIcon size={13} strokeWidth={2.5} />
 						)}
-						{isSaving ? "Saving..." : "Save"}
+						Save
 					</button>
 				</div>
 			</div>
 		);
 	}
 
+	const hasDropdownOptions = !!pr.body || isAuthor;
+
 	return (
 		<div className="relative rounded-lg border bg-surface-0 p-5">
-			<DropdownMenu>
-				<DropdownMenuTrigger asChild>
-					<button
-						type="button"
-						className="absolute right-3 top-3 flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-surface-1 hover:text-foreground"
-					>
-						<MoreHorizontalIcon size={15} strokeWidth={2} />
-					</button>
-				</DropdownMenuTrigger>
-				<DropdownMenuContent align="end" className="w-44">
-					{pr.body && (
-						<DropdownMenuItem
-							onSelect={() => {
-								void navigator.clipboard.writeText(pr.body);
-							}}
+			{hasDropdownOptions && (
+				<DropdownMenu>
+					<DropdownMenuTrigger asChild>
+						<button
+							type="button"
+							className="absolute right-3 top-3 flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-surface-1 hover:text-foreground"
 						>
-							<CopyIcon size={14} strokeWidth={2} />
-							Copy as Markdown
-						</DropdownMenuItem>
-					)}
-					{isAuthor && (
-						<DropdownMenuItem onSelect={startEditing}>
-							<EditIcon size={14} strokeWidth={2} />
-							Edit
-						</DropdownMenuItem>
-					)}
-				</DropdownMenuContent>
-			</DropdownMenu>
+							<MoreHorizontalIcon size={15} strokeWidth={2} />
+						</button>
+					</DropdownMenuTrigger>
+					<DropdownMenuContent align="end" className="w-44">
+						{pr.body && (
+							<DropdownMenuItem
+								onSelect={() => {
+									void navigator.clipboard.writeText(pr.body);
+								}}
+							>
+								<CopyIcon size={14} strokeWidth={2} />
+								Copy as Markdown
+							</DropdownMenuItem>
+						)}
+						{isAuthor && (
+							<DropdownMenuItem onSelect={startEditing}>
+								<EditIcon size={14} strokeWidth={2} />
+								Edit
+							</DropdownMenuItem>
+						)}
+					</DropdownMenuContent>
+				</DropdownMenu>
+			)}
 			{pr.body ? (
 				<Markdown>{pr.body}</Markdown>
 			) : (
diff --git a/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx b/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
index 00b3448..d4de677 100644
--- a/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
+++ b/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
@@ -5,6 +5,7 @@ import {
 	GitCommitIcon,
 	GitMergeIcon,
 	MoreHorizontalIcon,
+	RefreshCwIcon,
 	XIcon,
 } from "@diffkit/icons";
 import { Button } from "@diffkit/ui/components/button";
@@ -23,6 +24,7 @@ import {
 import { Markdown } from "@diffkit/ui/components/markdown";
 import { Skeleton } from "@diffkit/ui/components/skeleton";
 import { toast } from "@diffkit/ui/components/sonner";
+import { Spinner } from "@diffkit/ui/components/spinner";
 import { cn } from "@diffkit/ui/lib/utils";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useState } from "react";
@@ -622,11 +624,18 @@ function UpdateBranchButton({
 				size="xs"
 				disabled={isUpdating}
 				className="rounded-r-none"
+				iconLeft={
+					isUpdating ? (
+						<Spinner size={12} />
+					) : (
+						<RefreshCwIcon size={12} strokeWidth={2} />
+					)
+				}
 				onClick={() => {
 					void handleUpdate();
 				}}
 			>
-				{isUpdating ? "Updating…" : "Update branch"}
+				Update branch
 			</Button>
 			<DropdownMenu>
 				<DropdownMenuTrigger asChild>
@@ -739,9 +748,15 @@ function MergeFooter({
 								void handleMerge();
 							}}
 							className="rounded-r-none"
-							iconLeft={<GitMergeIcon size={14} strokeWidth={2} />}
+							iconLeft={
+								isMerging ? (
+									<Spinner size={14} />
+								) : (
+									<GitMergeIcon size={14} strokeWidth={2} />
+								)
+							}
 						>
-							{isMerging ? "Merging…" : currentStrategy.label}
+							{currentStrategy.label}
 						</Button>
 						<DropdownMenu>
 							<DropdownMenuTrigger asChild>
diff --git a/apps/dashboard/src/components/pulls/detail/pull-detail-sidebar.tsx b/apps/dashboard/src/components/pulls/detail/pull-detail-sidebar.tsx
index ae20de9..eabc0c8 100644
--- a/apps/dashboard/src/components/pulls/detail/pull-detail-sidebar.tsx
+++ b/apps/dashboard/src/components/pulls/detail/pull-detail-sidebar.tsx
@@ -14,7 +14,7 @@ import {
 	PopoverContent,
 	PopoverTrigger,
 } from "@diffkit/ui/components/popover";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useCallback, useMemo, useRef, useState } from "react";
 import {
 	DetailParticipantAvatars,
@@ -131,20 +131,32 @@ function ReviewersSection({
 	scope: GitHubQueryScope;
 }) {
 	const { mutate } = useOptimisticMutation();
+	const queryClient = useQueryClient();
 	const [pickerOpen, setPickerOpen] = useState(false);
 	const [search, setSearch] = useState("");
 	const [focusedIndex, setFocusedIndex] = useState(-1);
 	const listRef = useRef<HTMLDivElement>(null);
 
+	const collaboratorsOptions = githubRepoCollaboratorsQueryOptions(scope, {
+		owner,
+		repo,
+	});
+	const teamsOptions = githubOrgTeamsQueryOptions(scope, owner);
+
 	const collaboratorsQuery = useQuery({
-		...githubRepoCollaboratorsQueryOptions(scope, { owner, repo }),
+		...collaboratorsOptions,
 		enabled: pickerOpen,
 	});
 	const teamsQuery = useQuery({
-		...githubOrgTeamsQueryOptions(scope, owner),
+		...teamsOptions,
 		enabled: pickerOpen,
 	});
 
+	const prefetchReviewers = useCallback(() => {
+		void queryClient.prefetchQuery(collaboratorsOptions);
+		void queryClient.prefetchQuery(teamsOptions);
+	}, [queryClient, collaboratorsOptions, teamsOptions]);
+
 	const collaborators = collaboratorsQuery.data ?? [];
 	const teams = teamsQuery.data ?? [];
 	const isLoading = collaboratorsQuery.isLoading || teamsQuery.isLoading;
@@ -346,6 +358,8 @@ function ReviewersSection({
 						<PopoverTrigger asChild>
 							<button
 								type="button"
+								onMouseEnter={prefetchReviewers}
+								onFocus={prefetchReviewers}
 								className="flex size-5 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-surface-2 hover:text-foreground"
 							>
 								<PlusSignIcon size={14} strokeWidth={2} />
diff --git a/apps/dashboard/src/components/pulls/review/review-submit-popover.tsx b/apps/dashboard/src/components/pulls/review/review-submit-popover.tsx
index fa1a7f8..0c272dc 100644
--- a/apps/dashboard/src/components/pulls/review/review-submit-popover.tsx
+++ b/apps/dashboard/src/components/pulls/review/review-submit-popover.tsx
@@ -1,4 +1,5 @@
 import {
+	CheckIcon,
 	CloseIcon,
 	CommentIcon,
 	GitBranchIcon,
@@ -9,6 +10,7 @@ import {
 	PopoverContent,
 	PopoverTrigger,
 } from "@diffkit/ui/components/popover";
+import { Spinner } from "@diffkit/ui/components/spinner";
 import { cn } from "@diffkit/ui/lib/utils";
 import { useState } from "react";
 import type { ReviewEvent } from "./review-types";
@@ -147,11 +149,19 @@ export function ReviewSubmitPopover({
 							type="button"
 							onClick={handleSubmit}
 							disabled={isSubmitting}
-							className="rounded-md bg-green-600 px-4 py-1.5 text-xs font-medium text-white transition-colors hover:bg-green-700 disabled:opacity-50"
+							className="flex items-center gap-1.5 rounded-md bg-green-600 px-4 py-1.5 text-xs font-medium text-white transition-colors hover:bg-green-700 disabled:opacity-50"
 						>
-							{isSubmitting
-								? "Submitting..."
-								: `Submit review${pendingCount > 0 ? ` (${pendingCount})` : ""}`}
+							{isSubmitting ? (
+								<Spinner size={12} />
+							) : (
+								<CheckIcon size={12} strokeWidth={2.5} />
+							)}
+							Submit review
+							{pendingCount > 0 && (
+								<span className="flex size-4 items-center justify-center rounded-full bg-white/20 text-[10px] font-bold">
+									{pendingCount}
+								</span>
+							)}
 						</button>
 					</div>
 				</div>
diff --git a/apps/dashboard/src/routes/_protected/$owner/$repo/pull.$pullId.tsx b/apps/dashboard/src/routes/_protected/$owner/$repo/pull.$pullId.tsx
index 6566f16..a4ff290 100644
--- a/apps/dashboard/src/routes/_protected/$owner/$repo/pull.$pullId.tsx
+++ b/apps/dashboard/src/routes/_protected/$owner/$repo/pull.$pullId.tsx
@@ -31,7 +31,7 @@ export const Route = createFileRoute("/_protected/$owner/$repo/pull/$pullId")({
 	head: ({ loaderData, match, params }) => {
 		const pull = loaderData?.detail;
 		const title = pull
-			? formatPageTitle(`PR #${pull.number}: ${pull.title}`)
+			? formatPageTitle(pull.title)
 			: formatPageTitle(`PR #${params.pullId}`);
 
 		return buildSeo({
diff --git a/apps/dashboard/src/routes/_protected/$owner/$repo/review.$pullId.tsx b/apps/dashboard/src/routes/_protected/$owner/$repo/review.$pullId.tsx
index d95bd50..f3ff7b8 100644
--- a/apps/dashboard/src/routes/_protected/$owner/$repo/review.$pullId.tsx
+++ b/apps/dashboard/src/routes/_protected/$owner/$repo/review.$pullId.tsx
@@ -53,7 +53,7 @@ export const Route = createFileRoute("/_protected/$owner/$repo/review/$pullId")(
 		head: ({ loaderData, match, params }) => {
 			const pull = loaderData?.pageData?.detail;
 			const title = pull
-				? formatPageTitle(`Review PR #${pull.number}: ${pull.title}`)
+				? formatPageTitle(pull.title)
 				: formatPageTitle(`Review PR #${params.pullId}`);
 
 			return buildSeo({