diff --git a/package.json b/package.json
index 6adca730..c5849c4b 100644
--- a/package.json
+++ b/package.json
@@ -10,10 +10,10 @@
     "codegen": "graphql-codegen",
     "deploy": "graphql-codegen && npm run typecheck && vite build && vercel",
     "dev": "vite",
-    "e2e": "npx playwright test --project=chromium",
+    "e2e": "npx playwright test --project=webkit",
     "fix": "npm run check:code:fix && stylelint **/*.{scss,css} --fix",
     "format": "npx @biomejs/biome format src/. --write",
-    "postinstall": "npm run codegen && npx patch-package",
+    "postinstall": "npm run codegen && npx patch-package && npx playwright install webkit",
     "check:code": "npx @biomejs/biome check src --log-kind=compact --verbose",
     "check:code:fix": "npx @biomejs/biome check . --apply",
     "lint": "npm run lint:code && stylelint **/*.{scss,css}",
diff --git a/playwright.config.ts b/playwright.config.ts
index e60cb40e..300d6fec 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -37,7 +37,6 @@ export default defineConfig({
       use: { ...devices['Desktop Chrome'] },
     },
 
-    /* Test against many viewports.
     {
       name: 'firefox',
       use: { ...devices['Desktop Firefox'] },
@@ -47,7 +46,8 @@ export default defineConfig({
       name: 'webkit',
       use: { ...devices['Desktop Safari'] },
     },
-    */
+
+    /* Test against many viewports.
     // {
     //   name: 'Mobile Chrome',
     //   use: { ...devices['Pixel 5'] },