diff --git a/web/package-lock.json b/web/package-lock.json
index 0177175c30237..2c5c7f1d241e4 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -31,8 +31,8 @@
         "@floating-ui/dom": "^1.5.1",
         "@socket.io/component-emitter": "^3.1.0",
         "@sveltejs/adapter-static": "^3.0.1",
-        "@sveltejs/kit": "^2.0.6",
-        "@sveltejs/vite-plugin-svelte": "^3.0.0",
+        "@sveltejs/kit": "^2.5.0",
+        "@sveltejs/vite-plugin-svelte": "^3.0.2",
         "@testing-library/jest-dom": "^6.1.5",
         "@testing-library/svelte": "^4.0.3",
         "@types/dom-to-image": "^2.6.4",
@@ -54,9 +54,8 @@
         "prettier-plugin-organize-imports": "^3.2.4",
         "prettier-plugin-svelte": "^3.1.2",
         "rollup-plugin-visualizer": "^5.12.0",
-        "svelte": "^4.0.5",
-        "svelte-check": "^3.4.3",
-        "svelte-preprocess": "^5.0.3",
+        "svelte": "^4.2.11",
+        "svelte-check": "^3.6.4",
         "tailwindcss": "^3.2.7",
         "tslib": "^2.5.0",
         "typescript": "^5.3.3",
@@ -7428,9 +7427,9 @@
       }
     },
     "node_modules/svelte": {
-      "version": "4.2.10",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.10.tgz",
-      "integrity": "sha512-Ep06yCaCdgG1Mafb/Rx8sJ1QS3RW2I2BxGp2Ui9LBHSZ2/tO/aGLc5WqPjgiAP6KAnLJGaIr/zzwQlOo1b8MxA==",
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.11.tgz",
+      "integrity": "sha512-YIQk3J4X89wOLhjsqIW8tqY3JHPuBdtdOIkASP2PZeAMcSW9RsIjQzMesCrxOF3gdWYC0mKknlKF7OqmLM+Zqg==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.15",
diff --git a/web/package.json b/web/package.json
index 35eac08ddac30..50cd310e272e9 100644
--- a/web/package.json
+++ b/web/package.json
@@ -26,8 +26,8 @@
     "@floating-ui/dom": "^1.5.1",
     "@socket.io/component-emitter": "^3.1.0",
     "@sveltejs/adapter-static": "^3.0.1",
-    "@sveltejs/kit": "^2.0.6",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@sveltejs/kit": "^2.5.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.2",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/svelte": "^4.0.3",
     "@types/dom-to-image": "^2.6.4",
@@ -49,9 +49,8 @@
     "prettier-plugin-organize-imports": "^3.2.4",
     "prettier-plugin-svelte": "^3.1.2",
     "rollup-plugin-visualizer": "^5.12.0",
-    "svelte": "^4.0.5",
-    "svelte-check": "^3.4.3",
-    "svelte-preprocess": "^5.0.3",
+    "svelte": "^4.2.11",
+    "svelte-check": "^3.6.4",
     "tailwindcss": "^3.2.7",
     "tslib": "^2.5.0",
     "typescript": "^5.3.3",
diff --git a/web/svelte.config.js b/web/svelte.config.js
index c6ff761400a61..0081e8e76b0d0 100644
--- a/web/svelte.config.js
+++ b/web/svelte.config.js
@@ -1,9 +1,9 @@
 import adapter from '@sveltejs/adapter-static';
-import preprocess from 'svelte-preprocess';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-  preprocess: preprocess(),
+  preprocess: vitePreprocess(),
   onwarn: (warning, handler) => {
     if (warning.code.includes('a11y')) {
       return;