diff --git a/e2e/captureSnapshot/error-pages.ts b/e2e/captureSnapshot/error-pages.ts
index 14faa67..da28643 100644
--- a/e2e/captureSnapshot/error-pages.ts
+++ b/e2e/captureSnapshot/error-pages.ts
@@ -6,15 +6,15 @@ import { testDevices } from "../testDevices";
 const errorScenarios = [
   {
     name: "404",
-    url: "http://localhost:3400/non-existent-page"
+    url: "http://localhost:4000/non-existent-page"
   },
   {
     name: "invalid-project",
-    url: "http://localhost:3400/projects/non-existent-project"
+    url: "http://localhost:4000/projects/non-existent-project"
   },
   {
     name: "invalid-session",
-    url: "http://localhost:3400/projects/sample-project/sessions/non-existent-session"
+    url: "http://localhost:4000/projects/sample-project/sessions/non-existent-session"
   }
 ];
 
diff --git a/e2e/captureSnapshot/home.ts b/e2e/captureSnapshot/home.ts
index afa917d..1c61810 100644
--- a/e2e/captureSnapshot/home.ts
+++ b/e2e/captureSnapshot/home.ts
@@ -6,7 +6,7 @@ for (const { device, name } of testDevices) {
   await withPlaywright(
     async ({ context, cleanUp }) => {
       const page = await context.newPage();
-      await page.goto("http://localhost:3400/");
+      await page.goto("http://localhost:4000/");
       await page.waitForLoadState('networkidle');
       await page.screenshot({
         path: resolve("e2e", "snapshots", "root", `${name}.png`),
diff --git a/e2e/captureSnapshot/project-detail.ts b/e2e/captureSnapshot/project-detail.ts
index 12bb276..b91e3d3 100644
--- a/e2e/captureSnapshot/project-detail.ts
+++ b/e2e/captureSnapshot/project-detail.ts
@@ -26,7 +26,7 @@ for (const state of testStates) {
     await withPlaywright(
       async ({ context, cleanUp }) => {
         const page = await context.newPage();
-        await page.goto("http://localhost:3400/projects/sample-project");
+        await page.goto("http://localhost:4000/projects/sample-project");
         await page.waitForLoadState('networkidle');
         
         if (state.action) {
diff --git a/e2e/captureSnapshot/projects.ts b/e2e/captureSnapshot/projects.ts
index 5154c9f..10337da 100644
--- a/e2e/captureSnapshot/projects.ts
+++ b/e2e/captureSnapshot/projects.ts
@@ -16,7 +16,7 @@ for (const state of testStates) {
     await withPlaywright(
       async ({ context, cleanUp }) => {
         const page = await context.newPage();
-        await page.goto("http://localhost:3400/projects");
+        await page.goto("http://localhost:4000/projects");
         await page.waitForLoadState('networkidle');
         
         if (state.action) {
diff --git a/e2e/captureSnapshot/session-detail.ts b/e2e/captureSnapshot/session-detail.ts
index 3da96b6..cb946a7 100644
--- a/e2e/captureSnapshot/session-detail.ts
+++ b/e2e/captureSnapshot/session-detail.ts
@@ -27,7 +27,7 @@ for (const sessionId of sessionIds) {
       await withPlaywright(
         async ({ context, cleanUp }) => {
           const page = await context.newPage();
-          await page.goto(`http://localhost:3400/projects/sample-project/sessions/${sessionId}`);
+          await page.goto(`http://localhost:4000/projects/sample-project/sessions/${sessionId}`);
           await page.waitForLoadState('networkidle');
           
           if (state.action) {
diff --git a/e2e/snapshots/projects/_desktop.png b/e2e/snapshots/projects/_desktop.png
new file mode 100644
index 0000000..03f3ad9
Binary files /dev/null and b/e2e/snapshots/projects/_desktop.png differ
diff --git a/e2e/snapshots/projects/_mobile.png b/e2e/snapshots/projects/_mobile.png
new file mode 100644
index 0000000..6cfc9c9
Binary files /dev/null and b/e2e/snapshots/projects/_mobile.png differ
diff --git a/e2e/snapshots/projects/_table.png b/e2e/snapshots/projects/_table.png
new file mode 100644
index 0000000..692c6fd
Binary files /dev/null and b/e2e/snapshots/projects/_table.png differ