diff --git a/apps/client/src/features/editor/hooks/use-collaboration-url.ts b/apps/client/src/features/editor/hooks/use-collaboration-url.ts
index 750be5b5..c58af27d 100644
--- a/apps/client/src/features/editor/hooks/use-collaboration-url.ts
+++ b/apps/client/src/features/editor/hooks/use-collaboration-url.ts
@@ -1,5 +1,5 @@
 const useCollaborationURL = (): string => {
-  const PATH = "/collaboration";
+  const PATH = "/collab";
 
   // TODO: revisit
   /*
diff --git a/apps/client/src/features/editor/page-editor.tsx b/apps/client/src/features/editor/page-editor.tsx
index 64abeeee..969f60bd 100644
--- a/apps/client/src/features/editor/page-editor.tsx
+++ b/apps/client/src/features/editor/page-editor.tsx
@@ -44,9 +44,10 @@ export default function PageEditor({
 
   const [isLocalSynced, setLocalSynced] = useState(false);
   const [isRemoteSynced, setRemoteSynced] = useState(false);
+  const documentName = `page.${pageId}`;
 
   const localProvider = useMemo(() => {
-    const provider = new IndexeddbPersistence(pageId, ydoc);
+    const provider = new IndexeddbPersistence(documentName, ydoc);
 
     provider.on("synced", () => {
       setLocalSynced(true);
@@ -57,7 +58,7 @@ export default function PageEditor({
 
   const remoteProvider = useMemo(() => {
     const provider = new HocuspocusProvider({
-      name: pageId,
+      name: documentName,
       url: collaborationURL,
       document: ydoc,
       token: token?.accessToken,