diff --git a/admin/app/components/solidus_admin/orders/index/component.rb b/admin/app/components/solidus_admin/orders/index/component.rb
index 6f15d11dd9b..3872c65fe08 100644
--- a/admin/app/components/solidus_admin/orders/index/component.rb
+++ b/admin/app/components/solidus_admin/orders/index/component.rb
@@ -26,9 +26,65 @@ def batch_actions
   def filters
     [
       {
-        name: 'q[completed_at_not_null]',
-        value: 1,
-        label: t('.filters.only_show_complete_orders'),
+        presentation: t('.filters.status'),
+        combinator: 'or',
+        attribute: "state",
+        predicate: "eq",
+        options: Spree::Order.state_machines[:state].states.map do |state|
+          [
+            state.value.titleize,
+            state.value
+          ]
+        end
+      },
+
+      {
+        presentation: t('.filters.shipment_state'),
+        combinator: 'or',
+        attribute: "shipment_state",
+        predicate: "eq",
+        options: %i[backorder canceled partial pending ready shipped].map do |option|
+          [
+            option.to_s.capitalize,
+            option
+          ]
+        end
+      },
+      {
+        presentation: t('.filters.payment_state'),
+        combinator: 'or',
+        attribute: "payment_state",
+        predicate: "eq",
+        options: %i[balance_due checkout completed credit_owed invalid paid pending processing void].map do |option|
+          [
+            option.to_s.titleize,
+            option
+          ]
+        end
+      },
+      {
+        presentation: t('.filters.variants'),
+        combinator: 'or',
+        attribute: "line_items_variant_id",
+        predicate: "in",
+        options: Spree::Variant.all.map do |variant|
+          [
+            variant.descriptive_name,
+            variant.id
+          ]
+        end
+      },
+      {
+        presentation: t('.filters.promotions'),
+        combinator: 'or',
+        attribute: "promotions_id",
+        predicate: "in",
+        options: Spree::Promotion.all.map do |promotion|
+          [
+            promotion.name,
+            promotion.id
+          ]
+        end
       },
     ]
   end
diff --git a/admin/app/components/solidus_admin/orders/index/component.yml b/admin/app/components/solidus_admin/orders/index/component.yml
index 370e0d25504..a94a884aa5e 100644
--- a/admin/app/components/solidus_admin/orders/index/component.yml
+++ b/admin/app/components/solidus_admin/orders/index/component.yml
@@ -7,7 +7,11 @@ en:
       one: 1 Item
       other: '%{count} Items'
   filters:
-    only_show_complete_orders: Only show complete orders
+    status: Status
+    shipment_state: Shipment State
+    payment_state: Payment State
+    variants: Variants
+    promotions: Promotions
   date:
     formats:
       short: '%d %b %y'
diff --git a/admin/app/components/solidus_admin/products/index/component.rb b/admin/app/components/solidus_admin/products/index/component.rb
index 0a0c744d7d4..b0ddcea548b 100644
--- a/admin/app/components/solidus_admin/products/index/component.rb
+++ b/admin/app/components/solidus_admin/products/index/component.rb
@@ -41,13 +41,20 @@ def batch_actions
   end
 
   def filters
-    [
+    Spree::OptionType.all.map do |option_type|
       {
-        name: 'q[with_discarded]',
-        value: true,
-        label: t('.filters.with_deleted'),
-      },
-    ]
+        presentation: option_type.presentation,
+        combinator: 'or',
+        attribute: "variants_option_values",
+        predicate: "in",
+        options: option_type.option_values.map do |option_value|
+          [
+            option_value.name,
+            option_value.id
+          ]
+        end
+      }
+    end
   end
 
   def columns
diff --git a/admin/app/components/solidus_admin/ui/table/component.html.erb b/admin/app/components/solidus_admin/ui/table/component.html.erb
index d391bab0648..f8a9ba4f99a 100644
--- a/admin/app/components/solidus_admin/ui/table/component.html.erb
+++ b/admin/app/components/solidus_admin/ui/table/component.html.erb
@@ -3,13 +3,20 @@
     rounded-lg
     border
     border-gray-100
-    overflow-hidden
   "
   data-controller="<%= stimulus_id %>"
   data-<%= stimulus_id %>-selected-row-class="bg-gray-15"
+  data-action="
+    <%= component("ui/table/ransack_filter").stimulus_id %>:search-><%= stimulus_id %>#search
+    <%= component("ui/table/ransack_filter").stimulus_id %>:showSearch-><%= stimulus_id %>#showSearch
+  "
 >
-  <% toolbar_classes = "h-14 p-2 bg-white border-b border-gray-100 justify-start items-center gap-2 visible:flex hidden:hidden" %>
-
+  <% toolbar_classes = "
+    h-14 p-2 bg-white border-b border-gray-100
+    justify-start items-center gap-2
+    visible:flex hidden:hidden
+    rounded-t-lg
+  " %>
   <div role="search">
     <div class="<%= toolbar_classes %>" data-<%= stimulus_id %>-target="searchToolbar">
       <%= form_with(
@@ -21,19 +28,18 @@
           "data-turbo-frame": table_frame_id,
           "data-turbo-action": "replace",
           "data-#{stimulus_id}-target": "searchForm",
-          "data-action": "reset->#{stimulus_id}#search",
+          "data-action": "input->#{stimulus_id}#search change->#{stimulus_id}#search",
         },
       ) do |form| %>
         <label class="items-center gap-1 p-0 inline-flex w-full justify-start relative">
           <%= render component("ui/icon").new(name: 'search-line', class: "w-[1.4em] h-[1.4em] fill-gray-500 absolute ml-3") %>
           <input
-            name="q[<%= @search_key %>]"
-            value="<%= params.dig(:q, @search_key) %>"
+            name="<%= "#{@search_param}[#{@search_key}]" %>"
+            value="<%= params.dig(@search_param, @search_key) %>"
             type="search"
             placeholder="<%= t('.search_placeholder', resources: resource_plural_name) %>"
             class="peer w-full placeholder:text-gray-400 py-1.5 px-10 bg-white rounded border border-gray-300 search-cancel:appearance-none"
             data-<%= stimulus_id %>-target="searchField"
-            data-action="<%= stimulus_id %>#search"
             aria-label="<%= t('.search_placeholder', resources: resource_plural_name) %>"
           >
           <button
@@ -57,18 +63,8 @@
 
     <% if @filters.any? %>
       <div class="<%= toolbar_classes %>" data-<%= stimulus_id %>-target="filterToolbar">
-        <div class="font-semibold text-gray-700 text-sm px-2"><%= t('.refine_search') %>:</div>
-        <% @filters.each do |filter| %>
-          <label class="flex gap-2 px-2">
-            <%= render component('ui/forms/checkbox').new(
-              name: filter[:name],
-              value: filter[:value],
-              size: :s,
-              form: search_form_id,
-              'data-action': "#{stimulus_id}#search",
-            ) %>
-            <span class="text-gray-700 leading-none text-sm self-center"><%= filter[:label] %></span>
-          </label>
+        <% @filters.each_with_index do |filter, index| %>
+          <%= render_ransack_filter_dropdown(filter, index) %>
         <% end %>
       </div>
     <% end %>
@@ -131,7 +127,10 @@
 
       <tbody class="bg-white text-3.5 line-[150%] text-black">
         <% @rows.each do |row| %>
-          <tr class="<%= row_class_for(row) %>">
+          <tr class="
+            border-b border-gray-100 last:border-0
+            <%= 'bg-gray-15 text-gray-700' if @fade_row_proc&.call(row) %>
+          ">
             <% @columns.each do |column| %>
               <%= render_data_cell(column.data, row) %>
             <% end %>
@@ -142,7 +141,7 @@
           <tr>
             <td
               colspan="<%= @columns.size %>"
-              class="text-center py-4 text-3.5 line-[150%] text-black bg-white"
+              class="text-center py-4 text-3.5 line-[150%] text-black bg-white rounded-b-lg"
             >
               <%= t('.no_resources_found', resources: resource_plural_name) %>
             </td>
@@ -153,7 +152,7 @@
       <% if @prev_page_link || @next_page_link %>
         <tfoot>
           <tr>
-            <td colspan="<%= @columns.size %>" class="py-4 bg-white">
+            <td colspan="<%= @columns.size %>" class="py-4 bg-white rounded-b-lg border-t border-gray-100">
               <div class="flex justify-center">
                 <%= render component('ui/table/pagination').new(
                   prev_link: @prev_page_link,
diff --git a/admin/app/components/solidus_admin/ui/table/component.rb b/admin/app/components/solidus_admin/ui/table/component.rb
index f9f576461c7..a850c423f68 100644
--- a/admin/app/components/solidus_admin/ui/table/component.rb
+++ b/admin/app/components/solidus_admin/ui/table/component.rb
@@ -5,6 +5,7 @@ class SolidusAdmin::UI::Table::Component < SolidusAdmin::BaseComponent
   # @param model_class [ActiveModel::Translation] The model class used for translations.
   # @param rows [Array] The collection of objects that will be passed to columns for display.
   # @param fade_row_proc [Proc, nil] A proc determining if a row should have a faded appearance.
+  # @param search_param [Symbol] The param for searching.
   # @param search_key [Symbol] The key for searching.
   # @param search_url [String] The base URL for searching.
   #
@@ -19,11 +20,14 @@ class SolidusAdmin::UI::Table::Component < SolidusAdmin::BaseComponent
   # @option batch_actions [String] :action The batch action path.
   # @option batch_actions [String] :method The batch action HTTP method for the provided path.
   #
-  #
-  # @param filters [Array<Hash>] The array of filter definitions.
-  # @option filters [String] :name The filter's name.
-  # @option filters [Any] :value The filter's value.
-  # @option filters [String] :label The filter's label.
+  # @param filters [Array<Hash>] The list of filter configurations to render.
+  # @option filters [String] :presentation The display name of the filter dropdown.
+  # @option filters [String] :combinator The combining logic of the filter dropdown.
+  # @option filters [String] :attribute The database attribute this filter modifies.
+  # @option filters [String] :predicate The predicate used for this filter (e.g., "eq" for equals).
+  # @option filters [Array<Array>] :options An array of arrays, each containing two elements:
+  #     1. A human-readable presentation of the filter option (e.g., "Active").
+  #     2. The actual value used for filtering (e.g., "active").
   #
   # @param prev_page_link [String, nil] The link to the previous page.
   # @param next_page_link [String, nil] The link to the next page.
@@ -31,8 +35,7 @@ def initialize(
     id:,
     model_class:,
     rows:,
-    search_key:,
-    search_url:,
+    search_key:, search_url:, search_param: :q,
     fade_row_proc: nil,
     columns: [],
     batch_actions: [],
@@ -47,6 +50,7 @@ def initialize(
     @model_class = model_class
     @rows = rows
     @fade_row_proc = fade_row_proc
+    @search_param = search_param
     @search_key = search_key
     @search_url = search_url
     @prev_page_link = prev_page_link
@@ -112,6 +116,19 @@ def render_batch_action_button(batch_action)
     )
   end
 
+  def render_ransack_filter_dropdown(filter, index)
+    render component("ui/table/ransack_filter").new(
+      presentation: filter.presentation,
+      search_param: @search_param,
+      combinator: filter.combinator,
+      attribute: filter.attribute,
+      predicate: filter.predicate,
+      options: filter.options,
+      form: search_form_id,
+      index: index,
+    )
+  end
+
   def render_header_cell(cell, **attrs)
     cell = cell.call if cell.respond_to?(:call)
     cell = @model_class.human_attribute_name(cell) if cell.is_a?(Symbol)
@@ -133,18 +150,17 @@ def render_data_cell(cell, data)
     cell = data.public_send(cell) if cell.is_a?(Symbol)
     cell = cell.render_in(self) if cell.respond_to?(:render_in)
 
-    content_tag(:td, content_tag(:div, cell, class: "flex items-center gap-1.5"), class: "py-2 px-4 h-10 vertical-align-middle leading-none")
-  end
-
-  def row_class_for(row)
-    classes = ['border-b', 'border-gray-100']
-    classes << ['bg-gray-15', 'text-gray-700'] if @fade_row_proc&.call(row)
-
-    classes.join(' ')
+    tag.td(
+      tag.div(cell, class: "flex items-center gap-1.5"),
+      class: "
+        py-2 px-4 h-10 vertical-align-middle leading-none
+        [tr:last-child_&:first-child]:rounded-bl-lg [tr:last-child_&:last-child]:rounded-br-lg
+      ",
+    )
   end
 
   Column = Struct.new(:header, :data, :class_name, keyword_init: true)
   BatchAction = Struct.new(:display_name, :icon, :action, :method, keyword_init: true) # rubocop:disable Lint/StructNewOverride
-  Filter = Struct.new(:name, :value, :label, keyword_init: true)
+  Filter = Struct.new(:presentation, :combinator, :attribute, :predicate, :options, keyword_init: true)
   private_constant :Column, :BatchAction, :Filter
 end
diff --git a/admin/app/components/solidus_admin/ui/table/ransack_filter/component.html.erb b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.html.erb
new file mode 100644
index 00000000000..1a6492f0e30
--- /dev/null
+++ b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.html.erb
@@ -0,0 +1,73 @@
+<div class="<%= stimulus_id %>" data-controller="<%= stimulus_id %>">
+  <input type="hidden" form="<%= @form %>"
+         name="<%= @combinator.name %>"
+         value="<%= @combinator.value %>">
+
+  <details class="relative inline-block text-left" data-<%= stimulus_id %>-target="details">
+    <summary class="
+      inline-flex justify-center
+      rounded-full border border-gray-300
+      shadow-sm
+      px-3 py-2
+      text-sm font-medium text-gray-700
+      hover:bg-gray-50
+      focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500
+      [&::marker]:hidden
+      [&::-webkit-details-marker]:hidden
+      cursor-default
+    " data-<%= stimulus_id %>-target="summary">
+      <%= @presentation %>
+      <%= render component("ui/icon").new(name: 'arrow-down-s-fill', class: "w-[1.4em] h-[1.4em]") %>
+    </summary>
+
+    <div class="
+      absolute
+      left-0 mt-2 w-56
+      rounded-md shadow-lg
+      bg-white
+      ring-1 ring-black ring-opacity-5
+    ">
+      <div class="relative">
+        <% if @selections.size > 6 %>
+          <div class="px-4 py-2 sticky top-0 z-50">
+            <input type="text"
+                   placeholder="<%= t('.search') %>"
+                   class="w-full px-2 py-1 border border-gray-300 rounded focus:border-indigo-500 focus:ring-indigo-500"
+                   data-action="input-><%= stimulus_id %>#filterOptions">
+          </div>
+        <% end %>
+        <div class="py-1 max-h-[240px] overflow-y-auto" role="menu" aria-orientation="vertical" aria-labelledby="options-menu" data-<%= stimulus_id %>-target="menu">
+          <% if @selections.any? %>
+            <% @selections.each do |selection| %>
+              <div class="px-4 py-2" data-<%= stimulus_id %>-target="option">
+                <input type="hidden" form="<%= @form %>"
+                       name="<%= selection.attribute.name %>"
+                       value="<%= selection.attribute.value %>">
+                <input type="hidden" form="<%= @form %>"
+                       name="<%= selection.predicate.name %>"
+                       value="<%= selection.predicate.value %>">
+
+                <%= render component('ui/forms/checkbox').new(
+                     id: selection.id,
+                     name: selection.option.name,
+                     value: selection.option.value,
+                     checked: selection.checked,
+                     size: :s,
+                     form: @form,
+                     "data-action": "#{stimulus_id}#search #{stimulus_id}#sortCheckboxes",
+                     "data-#{stimulus_id}-target": "checkbox"
+                   ) %>
+
+                <%= label_tag selection.id, selection.presentation, class: "ml-2 text-sm text-gray-700" %>
+              </div>
+            <% end %>
+          <% else %>
+            <div class="px-4 py-2 text-sm text-gray-700">
+              <%= t('.no_filter_options') %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </details>
+</div>
diff --git a/admin/app/components/solidus_admin/ui/table/ransack_filter/component.js b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.js
new file mode 100644
index 00000000000..ac9489cea99
--- /dev/null
+++ b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.js
@@ -0,0 +1,62 @@
+import { Controller } from '@hotwired/stimulus'
+import { useClickOutside, useDebounce } from 'stimulus-use'
+
+const BG_GRAY = 'bg-gray-100'
+
+export default class extends Controller {
+  static targets = ['details', 'summary', 'option', 'checkbox', 'menu']
+  static debounces = ['init']
+
+  connect() {
+    useDebounce(this, { wait: 50 })
+    useClickOutside(this)
+    this.init()
+  }
+
+  clickOutside(event) {
+    this.detailsTarget.removeAttribute("open")
+  }
+
+  init() {
+    this.highlightFilter()
+    this.showSearch()
+  }
+
+  highlightFilter() {
+    const optionIsSelected = this.isAnyCheckboxChecked()
+    this.summaryTarget.classList.toggle(BG_GRAY, optionIsSelected)
+  }
+
+  showSearch() {
+    if (this.isAnyCheckboxChecked())
+      this.dispatch("showSearch")
+  }
+
+  filterOptions(event) {
+    const query = event.currentTarget.value.toLowerCase()
+    this.optionTargets.forEach((option) => {
+      option.style.display = option.textContent.toLowerCase().includes(query) ? 'block' : 'none'
+    })
+  }
+
+  search() {
+    this.dispatch("search")
+    this.highlightFilter()
+  }
+
+  sortCheckboxes() {
+    const checkboxes = this.checkboxTargets
+
+    checkboxes.sort((a, b) => {
+      if (a.checked && !b.checked) return -1
+      if (!a.checked && b.checked) return 1
+      return 0
+    }).forEach(checkbox => {
+      this.menuTarget.appendChild(checkbox.closest('div'))
+    })
+  }
+
+  isAnyCheckboxChecked() {
+    return this.checkboxTargets.some(checkbox => checkbox.checked)
+  }
+}
diff --git a/admin/app/components/solidus_admin/ui/table/ransack_filter/component.rb b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.rb
new file mode 100644
index 00000000000..46c485b7f1f
--- /dev/null
+++ b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.rb
@@ -0,0 +1,68 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::UI::Table::RansackFilter::Component < SolidusAdmin::BaseComponent
+  # @param presentation [String] The label for the filter.
+  # @param search_param [String] The search parameter for the filter query.
+  # @param combinator [String] The combining logic for filter options.
+  # @param attribute [String] The database attribute the filter is based on.
+  # @param predicate [String] The comparison logic for the filter (e.g., "eq" for equals).
+  # @param options [Proc] A callable that returns filter options.
+  # @param index [Integer] The index of the filter.
+  # @param form [String] The form in which the filter resides.
+  def initialize(
+    presentation:,
+    combinator:, attribute:, predicate:, options:, form:, index:, search_param: :q
+)
+    @presentation = presentation
+    @group = "#{search_param}[g][#{index}]"
+    @combinator = build(:combinator, combinator)
+    @attribute = attribute
+    @predicate = predicate
+    @options = options
+    @form = form
+    @index = index
+  end
+
+  def before_render
+    @selections = @options.map.with_index do |(label, value), opt_index|
+      Selection.new(
+        "#{stimulus_id}--#{label}-#{value}",
+        label,
+        build(:attribute, @attribute, opt_index),
+        build(:predicate, @predicate, opt_index),
+        build(:option, value, opt_index),
+        checked?(value)
+      )
+    end
+  end
+
+  # Builds form attributes for filter options.
+  #
+  # @param type [Symbol] The type of the form attribute.
+  # @param value [String] The value of the form attribute.
+  # @param opt_index [Integer] The index of the option, if applicable.
+  # @return [FormAttribute] The built form attribute.
+  def build(type, value, opt_index = nil)
+    suffix = SUFFIXES[type] % { index: opt_index || @index }
+    Attribute.new("#{@group}#{suffix}", value)
+  end
+
+  # Determines if a given value should be checked based on the params.
+  #
+  # @param value [String] The value of the checkbox.
+  # @return [Boolean] Returns true if the checkbox should be checked, false otherwise.
+  def checked?(value)
+    conditions = params.dig(:q, :g, @index.to_s, :c)
+    conditions && conditions.values.any? { |c| c[:v]&.include?(value.to_s) }
+  end
+
+  SUFFIXES = {
+    combinator: '[m]',
+    attribute: '[c][%<index>s][a][]',
+    predicate: '[c][%<index>s][p]',
+    option: '[c][%<index>s][v][]'
+  }
+
+  Selection = Struct.new(:id, :presentation, :attribute, :predicate, :option, :checked)
+  Attribute = Struct.new(:name, :value)
+end
diff --git a/admin/app/components/solidus_admin/ui/table/ransack_filter/component.yml b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.yml
new file mode 100644
index 00000000000..cac8d2c2b8f
--- /dev/null
+++ b/admin/app/components/solidus_admin/ui/table/ransack_filter/component.yml
@@ -0,0 +1,5 @@
+# Add your component translations here.
+# Use the translation in the example in your template with `t(".hello")`.
+en:
+  search: Search
+  no_filter_options: No options available
diff --git a/admin/lib/solidus_admin/configuration.rb b/admin/lib/solidus_admin/configuration.rb
index 4a745cb7d8c..cdb8fc9ad4b 100644
--- a/admin/lib/solidus_admin/configuration.rb
+++ b/admin/lib/solidus_admin/configuration.rb
@@ -75,10 +75,10 @@ class Configuration < Spree::Preferences::Configuration
     #   The key that specifies the attributes for searching orders within the admin interface.
     #   This preference controls which attributes of an order are used in search queries.
     #   By default, it is set to
-    #   'number_shipments_number_or_bill_address_name_or_email_order_promotions_promotion_code_value_cont',
-    #   enabling a search across order number, shipment number, billing address name, email, and promotion code value.
+    #   'number_or_shipments_number_or_bill_address_name_or_email_cont',
+    #   enabling a search across order number, shipment number, billing address name, email.
     #   @return [String] The search key used to determine order attributes for search.
-    preference :order_search_key, :string, default: :number_or_shipments_number_or_bill_address_name_or_email_or_order_promotions_promotion_code_value_cont
+    preference :order_search_key, :string, default: :number_or_shipments_number_or_bill_address_name_or_email_cont
 
     # @!attribute [rw] products_per_page
     #   @return [Integer] The number of products to display per page in the admin interface.
diff --git a/admin/spec/components/previews/solidus_admin/ui/table/ransack_filter/component_preview.rb b/admin/spec/components/previews/solidus_admin/ui/table/ransack_filter/component_preview.rb
new file mode 100644
index 00000000000..7db9b1a0d76
--- /dev/null
+++ b/admin/spec/components/previews/solidus_admin/ui/table/ransack_filter/component_preview.rb
@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+# @component "ui/table/ransack_filter"
+class SolidusAdmin::UI::Table::RansackFilter::ComponentPreview < ViewComponent::Preview
+  include SolidusAdmin::Preview
+
+  def overview
+    render_with_template
+  end
+
+  # @param presentation
+  # @param search_bar select { choices: [[ Yes, 10], [ No, 3]] }
+  def playground(presentation: "Filter", search_bar: 10)
+    render current_component.new(
+      presentation: presentation,
+      combinator: 'or',
+      attribute: "attribute",
+      predicate: "eq",
+      options: Array.new(search_bar.to_i) { |o| [o, 0] },
+      index: 0,
+      form: "id"
+    )
+  end
+end
diff --git a/admin/spec/components/previews/solidus_admin/ui/table/ransack_filter/component_preview/overview.html.erb b/admin/spec/components/previews/solidus_admin/ui/table/ransack_filter/component_preview/overview.html.erb
new file mode 100644
index 00000000000..98ab773a6dd
--- /dev/null
+++ b/admin/spec/components/previews/solidus_admin/ui/table/ransack_filter/component_preview/overview.html.erb
@@ -0,0 +1,21 @@
+<table>
+  <tr>
+    <% {
+      'Colors': ['red', 'green', 'blue', 'white'],
+      'Sizes': ["XS", "S", "M", "L", "XL", "XXL", "XXXL"],
+    }.each do |presentation, options| %>
+      <td class="font-bold px-3 py-1"><%= presentation %></td>
+      <td class="px-3 py-1 text-center">
+        <%= render current_component.new(
+          presentation: presentation,
+          combinator: 'or',
+          attribute: "attribute",
+          predicate: "eq",
+          options: options.map {|o| [o, 0]},
+          index: 0,
+          form: "id"
+        )  %>
+      </td>
+    <% end %>
+  </tr>
+</table>
diff --git a/admin/spec/components/solidus_admin/ui/table/ransack_filter/component_spec.rb b/admin/spec/components/solidus_admin/ui/table/ransack_filter/component_spec.rb
new file mode 100644
index 00000000000..56b2de840c7
--- /dev/null
+++ b/admin/spec/components/solidus_admin/ui/table/ransack_filter/component_spec.rb
@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require "spec_helper"
+
+RSpec.describe SolidusAdmin::UI::Table::RansackFilter::Component, type: :component do
+  it "renders the overview preview" do
+    render_preview(:overview)
+  end
+end