diff --git a/packages/builder/src/components/design/settings/controls/FilterEditor/FilterBuilder.svelte b/packages/builder/src/components/design/settings/controls/FilterEditor/FilterBuilder.svelte
index 0ae3928875..f2f61fdb99 100644
--- a/packages/builder/src/components/design/settings/controls/FilterEditor/FilterBuilder.svelte
+++ b/packages/builder/src/components/design/settings/controls/FilterEditor/FilterBuilder.svelte
@@ -68,15 +68,22 @@
   {allowBindings}
 >
   <div slot="filteringHeroContent" />
-  <div slot="binding" let:filter>
-    <DrawerBindableInput
-      disabled={filter.noValue}
-      title={filter.field}
-      value={filter.value}
-      placeholder="Value"
-      {panel}
-      {bindings}
-      on:change={event => (filter.value = event.detail)}
-    />
-  </div>
+
+  <DrawerBindableInput
+    let:filter
+    slot="binding"
+    disabled={filter.noValue}
+    title={filter.field}
+    value={filter.value}
+    placeholder="Value"
+    {panel}
+    {bindings}
+    on:change={event => {
+      const indexToUpdate = rawFilters.findIndex(f => f.id === filter.id)
+      rawFilters[indexToUpdate] = {
+        ...rawFilters[indexToUpdate],
+        value: event.detail,
+      }
+    }}
+  />
 </FilterBuilder>