diff --git a/web/package-lock.json b/web/package-lock.json
index 140183032..4596ff75c 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -45,7 +45,7 @@
         "jsdom": "^22.0.0",
         "msw": "^1.2.1",
         "postcss": "^8.4.23",
-        "prettier": "^2.8.8",
+        "prettier": "^3.0.0",
         "tailwindcss": "^3.3.2",
         "typescript": "^5.0.4",
         "vite": "^4.3.5",
@@ -6743,6 +6743,20 @@
         "monaco-editor": ">=0.30"
       }
     },
+    "node_modules/monaco-yaml/node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/mpd-parser": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/mpd-parser/-/mpd-parser-1.1.1.tgz",
@@ -7652,14 +7666,15 @@
       }
     },
     "node_modules/prettier": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
-      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.0.tgz",
+      "integrity": "sha512-zBf5eHpwHOGPC47h0zrPyNn+eAEIdEzfywMoYn2XPi0P44Zp0tSq64rq0xAREh4auw2cJZHo9QUob+NqCQky4g==",
+      "dev": true,
       "bin": {
-        "prettier": "bin-prettier.js"
+        "prettier": "bin/prettier.cjs"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=14"
       },
       "funding": {
         "url": "https://github.com/prettier/prettier?sponsor=1"
@@ -14336,6 +14351,13 @@
         "vscode-languageserver-types": "^3.0.0",
         "vscode-uri": "^3.0.0",
         "yaml": "^2.0.0"
+      },
+      "dependencies": {
+        "prettier": {
+          "version": "2.8.8",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+          "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q=="
+        }
       }
     },
     "mpd-parser": {
@@ -14964,9 +14986,10 @@
       "dev": true
     },
     "prettier": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
-      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q=="
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.0.tgz",
+      "integrity": "sha512-zBf5eHpwHOGPC47h0zrPyNn+eAEIdEzfywMoYn2XPi0P44Zp0tSq64rq0xAREh4auw2cJZHo9QUob+NqCQky4g==",
+      "dev": true
     },
     "pretty-format": {
       "version": "27.5.1",
diff --git a/web/package.json b/web/package.json
index 6cebd5d8a..2cb78d161 100644
--- a/web/package.json
+++ b/web/package.json
@@ -49,7 +49,7 @@
     "jsdom": "^22.0.0",
     "msw": "^1.2.1",
     "postcss": "^8.4.23",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.0.4",
     "vite": "^4.3.5",