diff --git a/apps/builder/playwright/freeUser.json b/apps/builder/playwright/freeUser.json
index 470646c1e..ea80f8004 100644
--- a/apps/builder/playwright/freeUser.json
+++ b/apps/builder/playwright/freeUser.json
@@ -6,7 +6,7 @@
       "localStorage": [
         {
           "name": "authenticatedUser",
-          "value": "{\"id\":\"freeUser\",\"name\":\"Free user\",\"email\":\"free-user@email.com\",\"emailVerified\":null,\"image\":\"https://avatars.githubusercontent.com/u/16015833?v=4\",\"plan\":\"FREE\",\"stripeId\":null}"
+          "value": "{\"id\":\"freeUser\",\"name\":\"Free user\",\"email\":\"free-user@email.com\",\"emailVerified\":null,\"image\":\"https://avatars.githubusercontent.com/u/16015833?v=4\",\"plan\":\"FREE\",\"stripeId\":null,\"graphNavigation\": \"TRACKPAD\"}"
         },
         {
           "name": "typebot-20-modal",
diff --git a/apps/builder/playwright/proUser.json b/apps/builder/playwright/proUser.json
index 9eae6d8b7..610a2b843 100644
--- a/apps/builder/playwright/proUser.json
+++ b/apps/builder/playwright/proUser.json
@@ -6,7 +6,7 @@
       "localStorage": [
         {
           "name": "authenticatedUser",
-          "value": "{\"id\":\"proUser\",\"name\":\"Pro user\",\"email\":\"pro-user@email.com\",\"emailVerified\":null,\"image\":\"https://avatars.githubusercontent.com/u/16015833?v=4\",\"plan\":\"PRO\",\"stripeId\":null}"
+          "value": "{\"id\":\"proUser\",\"name\":\"Pro user\",\"email\":\"pro-user@email.com\",\"emailVerified\":null,\"image\":\"https://avatars.githubusercontent.com/u/16015833?v=4\",\"plan\":\"PRO\",\"stripeId\":null,\"graphNavigation\": \"TRACKPAD\"}"
         },
         {
           "name": "typebot-20-modal",
diff --git a/apps/builder/playwright/services/database.ts b/apps/builder/playwright/services/database.ts
index 784cf0f68..bb08a47b3 100644
--- a/apps/builder/playwright/services/database.ts
+++ b/apps/builder/playwright/services/database.ts
@@ -7,7 +7,13 @@ import {
   Typebot,
   Webhook,
 } from 'models'
-import { CollaborationType, DashboardFolder, PrismaClient, User } from 'db'
+import {
+  CollaborationType,
+  DashboardFolder,
+  GraphNavigation,
+  PrismaClient,
+  User,
+} from 'db'
 import { readFileSync } from 'fs'
 import { encrypt } from 'utils'
 
@@ -34,8 +40,18 @@ export const setupDatabase = async () => {
 export const createUsers = () =>
   prisma.user.createMany({
     data: [
-      { id: 'freeUser', email: 'free-user@email.com', name: 'Free user' },
-      { id: 'proUser', email: 'pro-user@email.com', name: 'Pro user' },
+      {
+        id: 'freeUser',
+        email: 'free-user@email.com',
+        name: 'Free user',
+        graphNavigation: GraphNavigation.TRACKPAD,
+      },
+      {
+        id: 'proUser',
+        email: 'pro-user@email.com',
+        name: 'Pro user',
+        graphNavigation: GraphNavigation.TRACKPAD,
+      },
     ],
   })