diff --git a/playwright/support/sections/NavigationSection.ts b/playwright/support/sections/NavigationSection.ts
index 2b3c99ac0..07f28a49b 100644
--- a/playwright/support/sections/NavigationSection.ts
+++ b/playwright/support/sections/NavigationSection.ts
@@ -62,7 +62,7 @@ export class NavigationSection {
 
 	public async openNewCollectiveDialog(): Promise<void> {
 		await this.openCollectiveSelector()
-		await this.page.getByRole('button', { name: 'New collective' }).click()
+		await this.page.getByRole('button', { name: 'New collective', exact: true }).click()
 		await expect(this.page.getByRole('textbox', { name: 'Name of the collective' })).toBeVisible()
 	}
 
diff --git a/src/CollectivesApp.vue b/src/CollectivesApp.vue
index cacf7eed6..f759e91e1 100644
--- a/src/CollectivesApp.vue
+++ b/src/CollectivesApp.vue
@@ -22,6 +22,8 @@
 			<template #list>
 				<CollectiveSelector />
 				<PageList v-if="currentCollective" />
+			</template>
+			<template #footer>
 				<div
 					v-if="!isMobile"
 					class="app-navigation-resize-handle"
@@ -216,13 +218,14 @@ export default {
 	position: absolute;
 	top: 0;
 	bottom: 0;
-	inset-inline-end: 0;
+	// Straddle the navigation edge with most of the grabbable area outside of it,
+	// so it doesn't cover the page list scrollbar
+	inset-inline-end: -6px;
 	z-index: 100;
 	width: 4px;
 	cursor: col-resize;
 	// Widen the grabbable area without widening the visible line
 	background-clip: content-box;
-	border-inline-start: 4px solid transparent;
 	border-inline-end: 4px solid transparent;
 
 	&:hover, &:active {