diff --git a/packages/app/src/hooks/use-ensure-workspace.ts b/packages/app/src/hooks/use-ensure-workspace.ts
index fa59403547..6bf5930ae0 100644
--- a/packages/app/src/hooks/use-ensure-workspace.ts
+++ b/packages/app/src/hooks/use-ensure-workspace.ts
@@ -9,7 +9,7 @@ export const useEnsureWorkspace = () => {
   const { workspacesMeta, loadWorkspace, synced, user } = useAppState();
   const router = useRouter();
   const defaultOutLineWorkspaceId =
-    'local-first-' + '85b4ca0b-9081-421d-903b-bc2501ea280f';
+    'local-first-' + '85b4ca0b9081421d903bbc2501ea280f';
   // const defaultOutLineWorkspaceId = '99ce7eb7';
   // console.log(defaultOutLineWorkspaceId);
   useEffect(() => {
diff --git a/packages/app/src/providers/app-state-provider/provider.tsx b/packages/app/src/providers/app-state-provider/provider.tsx
index 74672b67c5..0bdd1be744 100644
--- a/packages/app/src/providers/app-state-provider/provider.tsx
+++ b/packages/app/src/providers/app-state-provider/provider.tsx
@@ -153,7 +153,9 @@ export const AppStateProvider = ({ children }: { children?: ReactNode }) => {
     Promise.resolve(null)
   );
 
-  createPage.current = (pageId: string = uuidv4IdGenerator()) =>
+  createPage.current = (
+    pageId: string = uuidv4IdGenerator().replaceAll('-', '')
+  ) =>
     new Promise<string | null>(resolve => {
       const { currentWorkspace } = state;
       if (!currentWorkspace) {