diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/ComponentList.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/ComponentList.svelte
index fe0db30946..8481eadc5c 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/ComponentList.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/ComponentList.svelte
@@ -149,14 +149,14 @@
 	$: componentsFiltered = COMPONENT_SETS.map((set) => ({
 		...set,
 		components: set.components.filter((component) => {
-			const name = componentsRecord[component].name.toLowerCase()
-			return name.includes(search.toLowerCase())
+			const name = componentsRecord[component].name.toLowerCase();
+			return name.includes(search.toLowerCase().trim());
 		}),
 		presets: set.presets?.filter((preset) => {
-			const presetName = presetsRecord[preset].name.toLowerCase()
-			return presetName.includes(search.toLowerCase())
+			const presetName = presetsRecord[preset].name.toLowerCase();
+			return presetName.includes(search.toLowerCase().trim());
 		})
-	}))
+	}));
 
 	$: {
 		if ($workspaceStore) {