diff --git a/e2e/index.e2e.ts b/e2e/index.e2e.ts
index b8773b5..2041999 100644
--- a/e2e/index.e2e.ts
+++ b/e2e/index.e2e.ts
@@ -1,10 +1,11 @@
 import { expect, test } from "@playwright/test";
 
-import { throwOnConsoleError } from "./utils.js";
+import { clientCredentials, throwOnConsoleError } from "./utils";
 
 test.describe("e2e", () => {
   test("title", async ({ page }) => {
     throwOnConsoleError(page);
+    await clientCredentials(page);
 
     await page.goto("/");
     await expect(page).toHaveTitle(/Solid Pages/);
diff --git a/e2e/utils.ts b/e2e/utils.ts
index b197c27..9bb82dd 100644
--- a/e2e/utils.ts
+++ b/e2e/utils.ts
@@ -1,6 +1,6 @@
 import { type Page } from "@playwright/test";
 
-export const throwOnConsoleError = (page: Page) => {
+export const throwOnConsoleError = (page: Page): void => {
   page.on("console", (message) => {
     if (message.type() === "error") throw message;
     if (message.type() === "warning") console.warn(message);
@@ -10,3 +10,15 @@ export const throwOnConsoleError = (page: Page) => {
     throw error;
   });
 };
+
+export const clientCredentials = async (page: Page): Promise<void> => {
+  await page.route(`${process.env.BASE_URL}/**`, async (route, request) => {
+    const headers = {
+      ...request.headers(),
+      "CF-Access-Client-Id": process.env.E2E_CLIENT_ID,
+      "CF-Access-Client-Secret": process.env.E2E_CLIENT_SECRET
+    };
+    // @ts-expect-error
+    await route.continue({ headers });
+  });
+};
diff --git a/playwright.config.ts b/playwright.config.ts
index 14a8a85..02d1788 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -20,13 +20,7 @@ export default defineConfig({
   use: {
     baseURL: process.env.BASE_URL ?? "http://localhost:3000",
     trace: "on-first-retry",
-    viewport: { width: 1920, height: 1080 },
-    extraHTTPHeaders: {
-      // @ts-expect-error
-      "CF-Access-Client-Id": process.env.E2E_CLIENT_ID,
-      // @ts-expect-error
-      "CF-Access-Client-Secret": process.env.E2E_CLIENT_SECRET
-    }
+    viewport: { width: 1920, height: 1080 }
   },
   reporter: [
     ["html", { open: "never", outputFolder: "reports/e2e" }],