diff --git a/app/components/blacklight_range_limit/range_facet_component.html.erb b/app/components/blacklight_range_limit/range_facet_component.html.erb
index ec16b89f..542f5e37 100644
--- a/app/components/blacklight_range_limit/range_facet_component.html.erb
+++ b/app/components/blacklight_range_limit/range_facet_component.html.erb
@@ -1,9 +1,9 @@
<%= render(@layout.new(facet_field: @facet_field)) do |component| %>
- <% component.label do %>
+ <% component.with_label do %>
<%= @facet_field.label %>
<% end %>
- <% component.body do %>
+ <% component.with_body do %>
<% if @facet_field.selected_range_facet_item %>
<%= render BlacklightRangeLimit::RangeSegmentsComponent.new(facet_field: @facet_field, facet_items: [@facet_field.selected_range_facet_item], classes: ['current']) %>
@@ -37,7 +37,7 @@
<%= render BlacklightRangeLimit::RangeFormComponent.new(facet_field: @facet_field, classes: @classes) %>
- <%= more_link(key: @facet_field.key, label: @facet_field.label) unless @facet_field.in_modal? %>
+ <%= with_more_link(key: @facet_field.key, label: @facet_field.label) unless @facet_field.in_modal? %>
<% if @facet_field.missing_facet_item && !request.xhr? %>
<%= render BlacklightRangeLimit::RangeSegmentsComponent.new(facet_field: @facet_field, facet_items: [@facet_field.missing_facet_item], classes: ['missing', 'subsection']) %>
diff --git a/blacklight_range_limit.gemspec b/blacklight_range_limit.gemspec
index aa29ba7a..53903a11 100644
--- a/blacklight_range_limit.gemspec
+++ b/blacklight_range_limit.gemspec
@@ -18,6 +18,8 @@ Gem::Specification.new do |s|
s.license = 'Apache 2.0'
s.add_dependency 'blacklight', '>= 7.25.2', '< 9'
+ # We now use new `with_` slot API, so need view_copmonent >= 2.54.0, through 3.x
+ s.add_dependency 'view_component', ">= 2.54.0", "< 4"
s.add_dependency 'deprecation'
s.add_development_dependency 'rspec', '~> 3.0'