diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 1b7fcff7cb..77af0e4e9e 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -133,7 +133,7 @@ jobs:
     name: e2e-web-tests (${{ matrix.shard-index }}/${{ strategy.job-total }})
     runs-on: ubuntu-22.04
     # We need to update this each time we update playwright
-    container: mcr.microsoft.com/playwright:v1.48.2-focal
+    container: mcr.microsoft.com/playwright:v1.56.1-jammy
     strategy:
       fail-fast: false
       matrix:
diff --git a/Dockerfile b/Dockerfile
index 7b6b01b0ea..aa3c439e3c 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -5,7 +5,7 @@
 # reference: https://stackoverflow.com/a/51683309/3711475
 # reference: https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md#running-puppeteer-in-docker
 
-FROM mcr.microsoft.com/playwright:v1.48.2-focal AS setup
+FROM mcr.microsoft.com/playwright:v1.56.1-jammy AS setup
 
 USER root
 
@@ -39,7 +39,7 @@ COPY . /app
 FROM setup AS web
 RUN yarn build:dev --no-cache
 
-# since we need our chromium to run in 'headful' mode (for testing chrome extension)
+# since we need our chromium to run in 'headful' mode (for testing chrome extension) 
 # we need a fake display (to run headful chromium), which we create by starting a Virtualized X server environment using xvfb-run
 # man page for command: https://manpages.ubuntu.com/manpages/xenial/man1/xvfb-run.1.html
 ENTRYPOINT ["/bin/sh", "-c", "xvfb-run --server-args=\"-screen 0 1024x768x24\" yarn test:e2e $@", ""]
diff --git a/package.json b/package.json
index a3ae7ff190..9788ad9a5f 100644
--- a/package.json
+++ b/package.json
@@ -130,7 +130,7 @@
         "license-check-and-add": "^4.0.5",
         "mini-css-extract-plugin": "2.9.0",
         "npm-run-all": "^4.1.5",
-        "playwright": "^1.48.2",
+        "playwright": "^1.55.1",
         "postcss": "^8.4.41",
         "postcss-modules": "^6.0.1",
         "prettier": "^3.3.3",
diff --git a/yarn.lock b/yarn.lock
index 26a824b8f9..905a6696d4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3125,7 +3125,7 @@ __metadata:
     luxon: ^3.5.0
     mini-css-extract-plugin: 2.9.0
     npm-run-all: ^4.1.5
-    playwright: ^1.48.2
+    playwright: ^1.55.1
     postcss: ^8.4.41
     postcss-modules: ^6.0.1
     prettier: ^3.3.3
@@ -9662,27 +9662,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"playwright-core@npm:1.48.2":
-  version: 1.48.2
-  resolution: "playwright-core@npm:1.48.2"
+"playwright-core@npm:1.56.1":
+  version: 1.56.1
+  resolution: "playwright-core@npm:1.56.1"
   bin:
     playwright-core: cli.js
-  checksum: a73ecea379f13f757ec38299871256a130d4abec5688369969a6b1ef6104c67f731a27c9a503a988c3e5b1141048552a3ed8c4d061cb631ff2ebab606835c10a
+  checksum: 170dff398b47da140182631ae025190248dabde7a5264335f54e238546a478f522ac9a620b31462e6e31c883273223bff8e883b502a699da490abe9741fb3b71
   languageName: node
   linkType: hard
 
-"playwright@npm:^1.48.2":
-  version: 1.48.2
-  resolution: "playwright@npm:1.48.2"
+"playwright@npm:^1.55.1":
+  version: 1.56.1
+  resolution: "playwright@npm:1.56.1"
   dependencies:
     fsevents: 2.3.2
-    playwright-core: 1.48.2
+    playwright-core: 1.56.1
   dependenciesMeta:
     fsevents:
       optional: true
   bin:
     playwright: cli.js
-  checksum: 69ffb28b5a94fc21a9bd3439feb363ffebb21c6b00e6d08ffc225787be49005d6b57072ebb043e78378252850f2b7712f8478e6685138a8e445d6fda94a31e28
+  checksum: e7537e7d5048a1a8544d7675b005196ba9db919edc3b6d46b92273ee6f20e37ada8991774c5df9ef5123ea4610978d582feb141c8a02f4cf256a6c0b224b8793
   languageName: node
   linkType: hard