diff --git a/web/app/package-lock.json b/web/app/package-lock.json
index c574c10..d31ff3e 100644
--- a/web/app/package-lock.json
+++ b/web/app/package-lock.json
@@ -16,7 +16,7 @@
 				"@sveltejs/vite-plugin-svelte": "^2.4.5",
 				"@tailwindcss/forms": "^0.5.6",
 				"@testing-library/jest-dom": "^5.17.0",
-				"@testing-library/svelte": "^3.2.2",
+				"@testing-library/svelte": "^4.0.3",
 				"@types/howler": "^2.2.8",
 				"@typescript-eslint/eslint-plugin": "^5.62.0",
 				"@typescript-eslint/parser": "^5.62.0",
@@ -989,9 +989,9 @@
 			}
 		},
 		"node_modules/@testing-library/dom": {
-			"version": "8.20.1",
-			"resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.1.tgz",
-			"integrity": "sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==",
+			"version": "9.3.1",
+			"resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.1.tgz",
+			"integrity": "sha512-0DGPd9AR3+iDTjGoMpxIkAsUihHZ3Ai6CneU6bRRrffXMgzCdlNk43jTrD2/5LT6CBb3MWTP8v510JzYtahD2w==",
 			"dev": true,
 			"dependencies": {
 				"@babel/code-frame": "^7.10.4",
@@ -1004,7 +1004,7 @@
 				"pretty-format": "^27.0.2"
 			},
 			"engines": {
-				"node": ">=12"
+				"node": ">=14"
 			}
 		},
 		"node_modules/@testing-library/dom/node_modules/aria-query": {
@@ -1055,18 +1055,18 @@
 			}
 		},
 		"node_modules/@testing-library/svelte": {
-			"version": "3.2.2",
-			"resolved": "https://registry.npmjs.org/@testing-library/svelte/-/svelte-3.2.2.tgz",
-			"integrity": "sha512-IKwZgqbekC3LpoRhSwhd0JswRGxKdAGkf39UiDXTywK61YyLXbCYoR831e/UUC6EeNW4hiHPY+2WuovxOgI5sw==",
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/@testing-library/svelte/-/svelte-4.0.3.tgz",
+			"integrity": "sha512-GldAnyGEOn5gMwME+hLVQrnfuKZFB+it5YOMnRBHX+nqeHMsSa18HeqkdvGqtqLpvn81xV7R7EYFb500ngUfXA==",
 			"dev": true,
 			"dependencies": {
-				"@testing-library/dom": "^8.1.0"
+				"@testing-library/dom": "^9.3.1"
 			},
 			"engines": {
 				"node": ">= 10"
 			},
 			"peerDependencies": {
-				"svelte": "3.x"
+				"svelte": "^3 || ^4"
 			}
 		},
 		"node_modules/@tootallnate/once": {
diff --git a/web/app/package.json b/web/app/package.json
index 9e84736..0a48452 100644
--- a/web/app/package.json
+++ b/web/app/package.json
@@ -21,7 +21,7 @@
 		"@sveltejs/vite-plugin-svelte": "^2.4.5",
 		"@tailwindcss/forms": "^0.5.6",
 		"@testing-library/jest-dom": "^5.17.0",
-		"@testing-library/svelte": "^3.2.2",
+		"@testing-library/svelte": "^4.0.3",
 		"@types/howler": "^2.2.8",
 		"@typescript-eslint/eslint-plugin": "^5.62.0",
 		"@typescript-eslint/parser": "^5.62.0",