diff --git a/e2e/__screenshots__/visual/pages.spec.js-snapshots/connections-mobile-auth-chromium-darwin.png b/e2e/__screenshots__/visual/pages.spec.js-snapshots/connections-mobile-auth-chromium-darwin.png
index d9f1f78..6579dba 100644
Binary files a/e2e/__screenshots__/visual/pages.spec.js-snapshots/connections-mobile-auth-chromium-darwin.png and b/e2e/__screenshots__/visual/pages.spec.js-snapshots/connections-mobile-auth-chromium-darwin.png differ
diff --git a/playwright.config.js b/playwright.config.js
index f6bdf8b..9cc1897 100644
--- a/playwright.config.js
+++ b/playwright.config.js
@@ -1,5 +1,8 @@
 import { defineConfig } from "@playwright/test";
 
+const PORT = process.env.PLAYWRIGHT_PORT || "3000";
+const BASE_URL = `http://localhost:${PORT}`;
+
 export default defineConfig({
   testDir: "./e2e",
   outputDir: "e2e/test-results",
@@ -11,7 +14,7 @@ export default defineConfig({
   reporter: "html",
   timeout: 60000,
   use: {
-    baseURL: "http://localhost:3000",
+    baseURL: BASE_URL,
     trace: "on-first-retry",
     navigationTimeout: 45000,
   },
@@ -22,8 +25,8 @@ export default defineConfig({
     },
   ],
   webServer: {
-    command: "npm run build && NODE_ENV=development npm run preview",
-    url: "http://localhost:3000",
+    command: `PORT=${PORT} npm run build && PORT=${PORT} NODE_ENV=development npm run preview`,
+    url: BASE_URL,
     reuseExistingServer: !process.env.CI,
     env: {
       NUXT_PUBLIC_COMING_SOON: "false",