diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 58beedf47..5ea56296c 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -4,38 +4,38 @@ on: [push, pull_request]
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
-      with:
-        node-version: '18'
-        cache: 'yarn'
-    - run: yarn install --frozen-lockfile
-    - run: yarn run playwright install --with-deps
-    - run: yarn build
-
-    - name: Set Chrome Version
-      run: |
-        CHROMEVER="$(chromedriver --version | cut -d' ' -f2)"
-        echo "Actions ChromeDriver is $CHROMEVER"
-        echo "CHROMEVER=${CHROMEVER}" >> $GITHUB_ENV
-
-    - name: Lint
-      run: yarn lint
-
-    - name: Unit Test
-      run: yarn test:unit
-
-    - name: Chrome Test
-      run: yarn test:browser --project=chrome
-
-    - name: Firefox Test
-      run: yarn test:browser --project=firefox
-
-    - uses: actions/upload-artifact@v3
-      with:
-        name: turbo-dist
-        path: dist/*
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          cache: 'yarn'
+      - name: Install Playwright dependencies
+        run: yarn install --frozen-lockfile
+      - run: npx playwright install-deps
+      - run: yarn build
+
+      - name: Set Chrome Version
+        run: |
+          CHROMEVER="$(chromedriver --version | cut -d' ' -f2)"
+          echo "Actions ChromeDriver is $CHROMEVER"
+          echo "CHROMEVER=${CHROMEVER}" >> $GITHUB_ENV
+
+      - name: Lint
+        run: yarn lint
+
+      - name: Unit Test
+        run: yarn test:unit
+
+      - name: Chrome Test
+        run: yarn test:browser --project=chrome
+
+      - name: Firefox Test
+        run: yarn test:browser --project=firefox
+
+      - uses: actions/upload-artifact@v3
+        with:
+          name: turbo-dist
+          path: dist/*
diff --git a/playwright.config.js b/playwright.config.js
index 4b4dfdc22..9470d73ca 100644
--- a/playwright.config.js
+++ b/playwright.config.js
@@ -1,11 +1,9 @@
-import { devices } from "@playwright/test"
-
 const config = {
   projects: [
     {
       name: "chrome",
       use: {
-        ...devices["Desktop Chrome"],
+        channel: 'chrome',
         contextOptions: {
           timeout: 60000
         },
@@ -15,7 +13,7 @@ const config = {
     {
       name: "firefox",
       use: {
-        ...devices["Desktop Firefox"],
+        use: { browserName: 'firefox' },
         contextOptions: {
           timeout: 60000
         },