diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 69a4755542..55d652a270 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -93,7 +93,7 @@
 				"svelte-check": "^3.4.3",
 				"svelte-floating-ui": "^1.5.3",
 				"svelte-highlight": "^7.3.0",
-				"svelte-multiselect": "^8.6.2",
+				"svelte-multiselect": "^10.0.0",
 				"svelte-overlay": "^1.4.1",
 				"svelte-popperjs": "^1.3.2",
 				"svelte-preprocess": "^5.0.1",
@@ -8958,21 +8958,12 @@
 			"integrity": "sha512-hn4o848LKd2Q+M11hiMWnfFxM1GHKVDi92HPZ1FYvfed4bEeRZL+QvFAQzhy1SACq6Si0CAJcQFUZpIYmAEnpQ=="
 		},
 		"node_modules/svelte-multiselect": {
-			"version": "8.6.2",
-			"resolved": "https://registry.npmjs.org/svelte-multiselect/-/svelte-multiselect-8.6.2.tgz",
-			"integrity": "sha512-lR7zc/B6yAi9oZxIZyuv8q2VTRDS9aT84HRjHiEcmWD7vbz64pfbmKJZgCUcH5oCtr0wN1NfYymXQvRMfolZkQ==",
+			"version": "10.2.0",
+			"resolved": "https://registry.npmjs.org/svelte-multiselect/-/svelte-multiselect-10.2.0.tgz",
+			"integrity": "sha512-nbv0dTgSHGENbwKdiN5seFD4ljtGSAEZGcMkHfcc+Nnk7tVwM2jxvCgkRKp9FdPUKG1M6Zp8ZXLDU+xoZxHyTA==",
 			"dev": true,
 			"dependencies": {
-				"svelte": "^3.59.1"
-			}
-		},
-		"node_modules/svelte-multiselect/node_modules/svelte": {
-			"version": "3.59.2",
-			"resolved": "https://registry.npmjs.org/svelte/-/svelte-3.59.2.tgz",
-			"integrity": "sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==",
-			"dev": true,
-			"engines": {
-				"node": ">= 8"
+				"svelte": "^4.2.0"
 			}
 		},
 		"node_modules/svelte-overlay": {
@@ -16361,20 +16352,12 @@
 			"integrity": "sha512-hn4o848LKd2Q+M11hiMWnfFxM1GHKVDi92HPZ1FYvfed4bEeRZL+QvFAQzhy1SACq6Si0CAJcQFUZpIYmAEnpQ=="
 		},
 		"svelte-multiselect": {
-			"version": "8.6.2",
-			"resolved": "https://registry.npmjs.org/svelte-multiselect/-/svelte-multiselect-8.6.2.tgz",
-			"integrity": "sha512-lR7zc/B6yAi9oZxIZyuv8q2VTRDS9aT84HRjHiEcmWD7vbz64pfbmKJZgCUcH5oCtr0wN1NfYymXQvRMfolZkQ==",
+			"version": "10.2.0",
+			"resolved": "https://registry.npmjs.org/svelte-multiselect/-/svelte-multiselect-10.2.0.tgz",
+			"integrity": "sha512-nbv0dTgSHGENbwKdiN5seFD4ljtGSAEZGcMkHfcc+Nnk7tVwM2jxvCgkRKp9FdPUKG1M6Zp8ZXLDU+xoZxHyTA==",
 			"dev": true,
 			"requires": {
-				"svelte": "^3.59.1"
-			},
-			"dependencies": {
-				"svelte": {
-					"version": "3.59.2",
-					"resolved": "https://registry.npmjs.org/svelte/-/svelte-3.59.2.tgz",
-					"integrity": "sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==",
-					"dev": true
-				}
+				"svelte": "^4.2.0"
 			}
 		},
 		"svelte-overlay": {
diff --git a/frontend/package.json b/frontend/package.json
index e0b40e2eee..9b301fe328 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -56,7 +56,7 @@
 		"svelte-check": "^3.4.3",
 		"svelte-floating-ui": "^1.5.3",
 		"svelte-highlight": "^7.3.0",
-		"svelte-multiselect": "^8.6.2",
+		"svelte-multiselect": "^10.0.0",
 		"svelte-overlay": "^1.4.1",
 		"svelte-popperjs": "^1.3.2",
 		"svelte-preprocess": "^5.0.1",
diff --git a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
index 56b3197a91..a4d48c33b2 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
@@ -152,6 +152,9 @@
 					options={Array.isArray(items) ? items : []}
 					placeholder={resolvedConfig.placeholder}
 					allowUserOptions={resolvedConfig.create}
+					on:change={() => {
+						outputs?.result.set([...(value ?? [])])
+					}}
 					on:open={() => {
 						$selectedComponent = [id]
 						open = true
@@ -159,21 +162,7 @@
 					on:close={() => {
 						open = false
 					}}
-				>
-					<!-- svelte-ignore a11y-no-static-element-interactions -->
-					<div
-						slot="option"
-						let:option
-						on:mouseup|stopPropagation
-						on:pointerdown={(e) => {
-							const nValue = [...(value ?? []), option]
-							value = [...new Set(nValue)]
-							outputs?.result.set([...(value ?? [])])
-						}}
-					>
-						{option}
-					</div>
-				</MultiSelect>
+				/>
 				<Portal>
 					<div use:floatingContent class="z5000" hidden={!open}>
 						<!-- svelte-ignore a11y-no-static-element-interactions -->