diff --git a/packages/ui/src/lib/vbranches/branchStoresCache.ts b/packages/ui/src/lib/vbranches/branchStoresCache.ts
index d600ea542..30d4fcb2e 100644
--- a/packages/ui/src/lib/vbranches/branchStoresCache.ts
+++ b/packages/ui/src/lib/vbranches/branchStoresCache.ts
@@ -28,7 +28,7 @@ export class VirtualBranchService {
 		baseBranch$: Observable<any>
 	) {
 		this.branches$ = merge(deltas$, sessionId$, head$, baseBranch$).pipe(
-			debounceTime(1000),
+			debounceTime(100), // TODO: Remove this when we subscribe to vbranches
 			combineLatestWith(this.reload$),
 			switchMap(() => {
 				console.log('reloading branches');
diff --git a/packages/ui/src/routes/[projectId]/board/+page.svelte b/packages/ui/src/routes/[projectId]/board/+page.svelte
index db173fc5b..b1acf811d 100644
--- a/packages/ui/src/routes/[projectId]/board/+page.svelte
+++ b/packages/ui/src/routes/[projectId]/board/+page.svelte
@@ -5,18 +5,16 @@
 	import Board from './Board.svelte';
 
 	export let data: PageData;
-	let {
-		projectId,
-		cloud,
-		baseBranchService,
-		branchController,
-		githubContext$,
-		projectService,
-		vbranchService,
-		user$
-	} = data;
 
+	$: vbranchService = data.vbranchService;
+	$: githubContext$ = data.githubContext$;
+	$: branchController = data.branchController;
+	$: projectService = data.projectService;
+	$: baseBranchService = data.baseBranchService;
+	$: cloud = data.cloud;
+	$: projectId = data.projectId;
 	$: base$ = baseBranchService.base$;
+	$: user$ = data.user$;
 
 	$: project$ = projectService.getProject(projectId);
 	$: branches$ = vbranchService.branches$;