diff --git a/app/javascript/controllers/combobox_controller.js b/app/javascript/controllers/combobox_controller.js
index 9d3204b3b..054f44c2f 100644
--- a/app/javascript/controllers/combobox_controller.js
+++ b/app/javascript/controllers/combobox_controller.js
@@ -1,7 +1,7 @@
 import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
-  static targets = [ "label", "item" ]
+  static targets = [ "label", "item", "hiddenField" ]
   static values = { selectPropertyName: { type: String, default: "aria-checked" } }
 
   connect() {
@@ -16,8 +16,7 @@ export default class extends Controller {
   }
 
   get #selectedLabel() {
-    const label = this.#selectedItem.querySelector("[data-combobox-label]")
-    return label.dataset.comboboxLabel
+    return this.#selectedItem?.dataset?.comboboxLabel || ""
   }
 
   get #selectedItem() {
@@ -28,6 +27,7 @@ export default class extends Controller {
     this.#clearSelection()
     item.setAttribute(this.selectPropertyNameValue, "true")
     this.labelTarget.textContent = this.#selectedLabel
+    this.hiddenFieldTarget.value = item.dataset.comboboxValue
   }
 
   #clearSelection() {
diff --git a/app/views/filters/settings/_controls.html.erb b/app/views/filters/settings/_controls.html.erb
index 213c5c587..d4ca7e23d 100644
--- a/app/views/filters/settings/_controls.html.erb
+++ b/app/views/filters/settings/_controls.html.erb
@@ -1,8 +1,6 @@
 <%= form_with url: cards_path, method: :get, class: "flex-inline center align-center gap-half",
-      data: { controller: "form" } do |form| %>
+      data: { controller: "form", turbo_frame: "card_columns", turbo_action: "advance" } do |form| %>
   <%= hidden_field_tag :expand_all, true, disabled: !user_filtering.expanded?, data: { toggle_enable_target: "element" } %>
-
-
   <%= render "filters/settings/sorted_by", user_filtering: user_filtering %>
   <%= render "filters/settings/indexed_by", user_filtering: user_filtering %>
 <%#= render "filters/settings/tags", user_filtering: user_filtering %>
diff --git a/app/views/filters/settings/_indexed_by.html.erb b/app/views/filters/settings/_indexed_by.html.erb
index 16c042894..4f6ca033c 100644
--- a/app/views/filters/settings/_indexed_by.html.erb
+++ b/app/views/filters/settings/_indexed_by.html.erb
@@ -1,20 +1,22 @@
 <% filter = user_filtering.filter %>
 
 <%= tag.div class: class_names("quick-filter position-relative"),
-      data: { controller: "dialog combobox", action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside", filter_show: user_filtering.show_indexed_by? } do %>
+      data: { controller: "dialog combobox", action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside", filter_show: user_filtering.show_indexed_by?, turbo_action: "advance" } do %>
     <button type="button" class="btn input input--select flex-inline txt-x-small" data-action="click->dialog#toggle:stop">
       <span class="overflow-ellipsis" data-combobox-target="label">
       </span>
     </button>
 
+    <%= hidden_field_tag :indexed_by, nil, data: { combobox_target: "hiddenField" } %>
+
     <%= filter_dialog "Filter by…" do %>
       <strong class="popup__title">Filter by…</strong>
 
       <ul class="popup__list" data-filter-target="list" role="listbox">
         <% Filter::INDEXES.each do |index| %>
-          <%= tag.li class: "popup__item", data: { navigable_list_target: "item", combobox_target: "item", combobox_value: index }, role: "checkbox", aria: { checked: filter.indexed_by == index } do %>
-            <button type="button" class="btn popup__btn" data-action="dialog#close combobox#change">
-              <span class="overflow-ellipsis flex-item-grow" data-combobox-label="<%= index == "all" ? "Status" : index.humanize %>"><%= index == "all" ? "Status" : index.humanize %></span>
+          <%= tag.li class: "popup__item", data: { navigable_list_target: "item", combobox_target: "item", combobox_value: index, combobox_label: (index == "all" ? "Status" : index.humanize) }, role: "checkbox", aria: { checked: filter.indexed_by == index } do %>
+            <button type="button" class="btn popup__btn" data-action="dialog#close combobox#change form#submit">
+              <span class="overflow-ellipsis flex-item-grow"><%= index == "all" ? "Status" : index.humanize %></span>
               <%= icon_tag "check", class: "checked flex-item-justify-end", "aria-hidden": true %>
             </button>
           <% end %>
diff --git a/app/views/filters/settings/_sorted_by.html.erb b/app/views/filters/settings/_sorted_by.html.erb
index e0846a69b..84c887438 100644
--- a/app/views/filters/settings/_sorted_by.html.erb
+++ b/app/views/filters/settings/_sorted_by.html.erb
@@ -4,23 +4,25 @@
       data: {
             controller: "dialog combobox",
             action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
-            filter_show: user_filtering.show_sorted_by? } do %>
+            filter_show: user_filtering.show_sorted_by?,
+            turbo_action: "advance" } do %>
     <button type="button" class="btn input input--select flex-inline txt-x-small" data-action="click->dialog#toggle:stop">
       <span class="overflow-ellipsis" data-combobox-target="label">
       </span>
     </button>
 
+    <%= hidden_field_tag :sorted_by, nil, data: { combobox_target: "hiddenField" } %>
+
     <%= filter_dialog "Sort by…" do %>
       <strong class="popup__title">Sort by…</strong>
 
       <ul class="popup__list" data-filter-target="list" role="listbox">
         <% Filter::SORTED_BY.each do |sort| %>
           <%= tag.li class: "popup__item", data: {
-                navigable_list_target: "item", combobox_target: "item", combobox_value: sort },
-                role: "checkbox",
-                aria: { checked: filter.sorted_by == sort } do %>
-            <button type="button" class="btn popup__btn" data-action="dialog#close combobox#change">
-              <span class="overflow-ellipsis flex-item-grow" data-combobox-label="<%= sorted_by_label(sort) %>"><%= sorted_by_label(sort) %></span>
+                navigable_list_target: "item", combobox_target: "item", combobox_value: sort, combobox_label: sorted_by_label(sort) },
+                role: "checkbox", aria: { checked: filter.sorted_by == sort } do %>
+            <button type="button" class="btn popup__btn" data-action="dialog#close combobox#change form#submit">
+              <span class="overflow-ellipsis flex-item-grow"><%= sorted_by_label(sort) %></span>
               <%= icon_tag "check", class: "checked flex-item-justify-end", "aria-hidden": true %>
             </button>
           <% end %>