diff --git a/lib/pagy/extras/materialize.rb b/lib/pagy/extras/materialize.rb
index 60d6cd01a..7f9224d0d 100644
--- a/lib/pagy/extras/materialize.rb
+++ b/lib/pagy/extras/materialize.rb
@@ -46,18 +46,18 @@ def pagy_materialize_combo_nav_js(pagy, deprecated_id=nil, pagy_id: nil, link_ex
       link    = pagy_link_proc(pagy, link_extra: link_extra)
       p_page  = pagy.page
       p_pages = pagy.pages
-      style   = ' style="vertical-align: middle;"'
-      input   = %(<input type="number" class="browser-default" min="1" max="#{p_pages}" value="#{p_page}" style="padding: 2px; border: none; border-radius: 2px; text-align: center; width: #{p_pages.to_s.length+1}rem;">)
+      style   = ' style="vertical-align: middle"'
+      input   = %(<input type="number" class="browser-default" min="1" max="#{p_pages}" value="#{p_page}" style="text-align: center; width: #{p_pages.to_s.length+1}rem;">)
 
-      %(<div#{p_id} class="pagy-materialize-combo-nav-js pagination" role="navigation" aria-label="pager"><div class="pagy-compact-chip" role="group" style="height: 35px; border-radius: 18px; background: #e4e4e4; display: inline-block;"><ul class="pagination" style="margin: 0" #{
-          pagy_json_attr pagy, :combo_nav, p_page, pagy_marked_link(link)
+      %(<ul#{p_id} class="pagy-materialize-combo-nav-js pagination btn" role="navigation" aria-label="pager" style="padding-right: 0" #{
+      pagy_json_attr pagy, :combo_nav, p_page, pagy_marked_link(link)
       }>#{
-          pagy_materialize_prev_html pagy, link, style
-      }<div class="pagy-combo-input btn-flat" style="cursor: default; padding: 0px">#{
-          pagy_t 'pagy.combo_nav_js', page_input: input, count: p_page, pages: p_pages
-      }</div>#{
-          pagy_materialize_next_html pagy, link, style
-      }</ul></div>)
+      pagy_materialize_prev_html pagy, link, style
+      }<li class="pagy-combo-input">#{
+      pagy_t 'pagy.combo_nav_js', page_input: input, count: p_page, pages: p_pages
+      }</li>#{
+      pagy_materialize_next_html pagy, link, style
+      }</ul>)
     end
 
     private
diff --git a/test/e2e/public/normalize-styles.css b/test/e2e/public/normalize-styles.css
index c5ac36ea8..9b74717c1 100644
--- a/test/e2e/public/normalize-styles.css
+++ b/test/e2e/public/normalize-styles.css
@@ -36,14 +36,6 @@ ul li,
   margin-right: .3em;
 }
 
-/* normalize materialize combo specific */
-.pagy-materialize-combo-nav-js .pagy-compact-chip {
-  height: auto !important;
-  background: none !important;
-  border-radius: 0 !important;
-  display: inline-flex !important;
-}
-
 /* normalize missing chevron icons (materialize and semantic) */
 li i.material-icons,
 .item i.chevron {
diff --git a/test/pagy/extras/materialize_test.rb.yml b/test/pagy/extras/materialize_test.rb.yml
index 8fc56ab94..8d2f2bd13 100644
--- a/test/pagy/extras/materialize_test.rb.yml
+++ b/test/pagy/extras/materialize_test.rb.yml
@@ -1,4 +1,57 @@
 ---
+pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0001_renders first page 1: '<ul
+  class="pagy-materialize-combo-nav-js pagination btn" role="navigation" aria-label="pager"
+  style="padding-right: 0" data-pagy-json="[&quot;combo_nav&quot;,1,&quot;<a href=\&quot;/foo?page=__pagy_page__\&quot;   style=\&quot;display:
+  none;\&quot;></a>&quot;]"><li class="prev disabled" style="vertical-align: middle"><a
+  href="#"><i class="material-icons">chevron_left</i></a></li><li class="pagy-combo-input"><label>Page
+  <input type="number" class="browser-default" min="1" max="6" value="1" style="text-align:
+  center; width: 2rem;"></label> of 6</li><li class="waves-effect next" style="vertical-align:
+  middle"><a href="/foo?page=2"   rel="next" aria-label="next"><i class="material-icons">chevron_right</i></a></li></ul>'
+pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0001_renders first page 2: '<ul
+  id="test-nav-id" class="pagy-materialize-combo-nav-js pagination btn" role="navigation"
+  aria-label="pager" style="padding-right: 0" data-pagy-json="[&quot;combo_nav&quot;,1,&quot;<a
+  href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra style=\&quot;display: none;\&quot;></a>&quot;]"><li
+  class="prev disabled" style="vertical-align: middle"><a href="#"><i class="material-icons">chevron_left</i></a></li><li
+  class="pagy-combo-input"><label>Page <input type="number" class="browser-default"
+  min="1" max="6" value="1" style="text-align: center; width: 2rem;"></label> of 6</li><li
+  class="waves-effect next" style="vertical-align: middle"><a href="/foo?page=2"  link-extra
+  rel="next" aria-label="next"><i class="material-icons">chevron_right</i></a></li></ul>'
+pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0002_renders intermediate page 1: '<ul
+  class="pagy-materialize-combo-nav-js pagination btn" role="navigation" aria-label="pager"
+  style="padding-right: 0" data-pagy-json="[&quot;combo_nav&quot;,3,&quot;<a href=\&quot;/foo?page=__pagy_page__\&quot;   style=\&quot;display:
+  none;\&quot;></a>&quot;]"><li class="waves-effect prev" style="vertical-align: middle"><a
+  href="/foo?page=2"   rel="prev" aria-label="previous"><i class="material-icons">chevron_left</i></a></li><li
+  class="pagy-combo-input"><label>Page <input type="number" class="browser-default"
+  min="1" max="6" value="3" style="text-align: center; width: 2rem;"></label> of 6</li><li
+  class="waves-effect next" style="vertical-align: middle"><a href="/foo?page=4"   rel="next"
+  aria-label="next"><i class="material-icons">chevron_right</i></a></li></ul>'
+pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0002_renders intermediate page 2: '<ul
+  id="test-nav-id" class="pagy-materialize-combo-nav-js pagination btn" role="navigation"
+  aria-label="pager" style="padding-right: 0" data-pagy-json="[&quot;combo_nav&quot;,3,&quot;<a
+  href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra style=\&quot;display: none;\&quot;></a>&quot;]"><li
+  class="waves-effect prev" style="vertical-align: middle"><a href="/foo?page=2"  link-extra
+  rel="prev" aria-label="previous"><i class="material-icons">chevron_left</i></a></li><li
+  class="pagy-combo-input"><label>Page <input type="number" class="browser-default"
+  min="1" max="6" value="3" style="text-align: center; width: 2rem;"></label> of 6</li><li
+  class="waves-effect next" style="vertical-align: middle"><a href="/foo?page=4"  link-extra
+  rel="next" aria-label="next"><i class="material-icons">chevron_right</i></a></li></ul>'
+pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0003_renders last page 1: '<ul
+  class="pagy-materialize-combo-nav-js pagination btn" role="navigation" aria-label="pager"
+  style="padding-right: 0" data-pagy-json="[&quot;combo_nav&quot;,6,&quot;<a href=\&quot;/foo?page=__pagy_page__\&quot;   style=\&quot;display:
+  none;\&quot;></a>&quot;]"><li class="waves-effect prev" style="vertical-align: middle"><a
+  href="/foo?page=5"   rel="prev" aria-label="previous"><i class="material-icons">chevron_left</i></a></li><li
+  class="pagy-combo-input"><label>Page <input type="number" class="browser-default"
+  min="1" max="6" value="6" style="text-align: center; width: 2rem;"></label> of 6</li><li
+  class="next disabled" style="vertical-align: middle"><a href="#"><i class="material-icons">chevron_right</i></a></li></ul>'
+pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0003_renders last page 2: '<ul
+  id="test-nav-id" class="pagy-materialize-combo-nav-js pagination btn" role="navigation"
+  aria-label="pager" style="padding-right: 0" data-pagy-json="[&quot;combo_nav&quot;,6,&quot;<a
+  href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra style=\&quot;display: none;\&quot;></a>&quot;]"><li
+  class="waves-effect prev" style="vertical-align: middle"><a href="/foo?page=5"  link-extra
+  rel="prev" aria-label="previous"><i class="material-icons">chevron_left</i></a></li><li
+  class="pagy-combo-input"><label>Page <input type="number" class="browser-default"
+  min="1" max="6" value="6" style="text-align: center; width: 2rem;"></label> of 6</li><li
+  class="next disabled" style="vertical-align: middle"><a href="#"><i class="material-icons">chevron_right</i></a></li></ul>'
 pagy/extras/materialize::#pagy_materialize_nav#test_0002_renders intermediate page 1: <div
   class="pagy-materialize-nav pagination" role="navigation" aria-label="pager"><ul
   class="pagination"><li class="waves-effect prev"><a href="/foo?page=19"   rel="prev"
@@ -66,97 +119,6 @@ pagy/extras/materialize::#pagy_materialize_nav#test_0001_renders first page 2: <
   class="gap disabled"><a href="#">&hellip;</a></li><li class="waves-effect"><a href="/foo?page=50"  link-extra
   >50</a></li><li class="waves-effect next"><a href="/foo?page=2"  link-extra rel="next"
   aria-label="next"><i class="material-icons">chevron_right</i></a></li></ul></div>
-pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0001_renders first page 1: '<div
-  class="pagy-materialize-combo-nav-js pagination" role="navigation" aria-label="pager"><div
-  class="pagy-compact-chip" role="group" style="height: 35px; border-radius: 18px;
-  background: #e4e4e4; display: inline-block;"><ul class="pagination" style="margin:
-  0" data-pagy-json="[&quot;combo_nav&quot;,1,&quot;<a href=\&quot;/foo?page=__pagy_page__\&quot;   style=\&quot;display:
-  none;\&quot;></a>&quot;]"><li class="prev disabled" style="vertical-align: middle;"><a
-  href="#"><i class="material-icons">chevron_left</i></a></li><div class="pagy-combo-input
-  btn-flat" style="cursor: default; padding: 0px"><label>Page <input type="number"
-  class="browser-default" min="1" max="6" value="1" style="padding: 2px; border: none;
-  border-radius: 2px; text-align: center; width: 2rem;"></label> of 6</div><li class="waves-effect
-  next" style="vertical-align: middle;"><a href="/foo?page=2"   rel="next" aria-label="next"><i
-  class="material-icons">chevron_right</i></a></li></ul></div>'
-pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0001_renders first page 2: '<div
-  id="test-nav-id" class="pagy-materialize-combo-nav-js pagination" role="navigation"
-  aria-label="pager"><div class="pagy-compact-chip" role="group" style="height: 35px;
-  border-radius: 18px; background: #e4e4e4; display: inline-block;"><ul class="pagination"
-  style="margin: 0" data-pagy-json="[&quot;combo_nav&quot;,1,&quot;<a href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra
-  style=\&quot;display: none;\&quot;></a>&quot;]"><li class="prev disabled" style="vertical-align:
-  middle;"><a href="#"><i class="material-icons">chevron_left</i></a></li><div class="pagy-combo-input
-  btn-flat" style="cursor: default; padding: 0px"><label>Page <input type="number"
-  class="browser-default" min="1" max="6" value="1" style="padding: 2px; border: none;
-  border-radius: 2px; text-align: center; width: 2rem;"></label> of 6</div><li class="waves-effect
-  next" style="vertical-align: middle;"><a href="/foo?page=2"  link-extra rel="next"
-  aria-label="next"><i class="material-icons">chevron_right</i></a></li></ul></div>'
-pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0002_renders intermediate page 1: '<div
-  class="pagy-materialize-combo-nav-js pagination" role="navigation" aria-label="pager"><div
-  class="pagy-compact-chip" role="group" style="height: 35px; border-radius: 18px;
-  background: #e4e4e4; display: inline-block;"><ul class="pagination" style="margin:
-  0" data-pagy-json="[&quot;combo_nav&quot;,3,&quot;<a href=\&quot;/foo?page=__pagy_page__\&quot;   style=\&quot;display:
-  none;\&quot;></a>&quot;]"><li class="waves-effect prev" style="vertical-align: middle;"><a
-  href="/foo?page=2"   rel="prev" aria-label="previous"><i class="material-icons">chevron_left</i></a></li><div
-  class="pagy-combo-input btn-flat" style="cursor: default; padding: 0px"><label>Page
-  <input type="number" class="browser-default" min="1" max="6" value="3" style="padding:
-  2px; border: none; border-radius: 2px; text-align: center; width: 2rem;"></label>
-  of 6</div><li class="waves-effect next" style="vertical-align: middle;"><a href="/foo?page=4"   rel="next"
-  aria-label="next"><i class="material-icons">chevron_right</i></a></li></ul></div>'
-pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0002_renders intermediate page 2: '<div
-  id="test-nav-id" class="pagy-materialize-combo-nav-js pagination" role="navigation"
-  aria-label="pager"><div class="pagy-compact-chip" role="group" style="height: 35px;
-  border-radius: 18px; background: #e4e4e4; display: inline-block;"><ul class="pagination"
-  style="margin: 0" data-pagy-json="[&quot;combo_nav&quot;,3,&quot;<a href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra
-  style=\&quot;display: none;\&quot;></a>&quot;]"><li class="waves-effect prev" style="vertical-align:
-  middle;"><a href="/foo?page=2"  link-extra rel="prev" aria-label="previous"><i class="material-icons">chevron_left</i></a></li><div
-  class="pagy-combo-input btn-flat" style="cursor: default; padding: 0px"><label>Page
-  <input type="number" class="browser-default" min="1" max="6" value="3" style="padding:
-  2px; border: none; border-radius: 2px; text-align: center; width: 2rem;"></label>
-  of 6</div><li class="waves-effect next" style="vertical-align: middle;"><a href="/foo?page=4"  link-extra
-  rel="next" aria-label="next"><i class="material-icons">chevron_right</i></a></li></ul></div>'
-pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0003_renders last page 1: '<div
-  class="pagy-materialize-combo-nav-js pagination" role="navigation" aria-label="pager"><div
-  class="pagy-compact-chip" role="group" style="height: 35px; border-radius: 18px;
-  background: #e4e4e4; display: inline-block;"><ul class="pagination" style="margin:
-  0" data-pagy-json="[&quot;combo_nav&quot;,6,&quot;<a href=\&quot;/foo?page=__pagy_page__\&quot;   style=\&quot;display:
-  none;\&quot;></a>&quot;]"><li class="waves-effect prev" style="vertical-align: middle;"><a
-  href="/foo?page=5"   rel="prev" aria-label="previous"><i class="material-icons">chevron_left</i></a></li><div
-  class="pagy-combo-input btn-flat" style="cursor: default; padding: 0px"><label>Page
-  <input type="number" class="browser-default" min="1" max="6" value="6" style="padding:
-  2px; border: none; border-radius: 2px; text-align: center; width: 2rem;"></label>
-  of 6</div><li class="next disabled" style="vertical-align: middle;"><a href="#"><i
-  class="material-icons">chevron_right</i></a></li></ul></div>'
-pagy/extras/materialize::#pagy_materialize_combo_nav_js#test_0003_renders last page 2: '<div
-  id="test-nav-id" class="pagy-materialize-combo-nav-js pagination" role="navigation"
-  aria-label="pager"><div class="pagy-compact-chip" role="group" style="height: 35px;
-  border-radius: 18px; background: #e4e4e4; display: inline-block;"><ul class="pagination"
-  style="margin: 0" data-pagy-json="[&quot;combo_nav&quot;,6,&quot;<a href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra
-  style=\&quot;display: none;\&quot;></a>&quot;]"><li class="waves-effect prev" style="vertical-align:
-  middle;"><a href="/foo?page=5"  link-extra rel="prev" aria-label="previous"><i class="material-icons">chevron_left</i></a></li><div
-  class="pagy-combo-input btn-flat" style="cursor: default; padding: 0px"><label>Page
-  <input type="number" class="browser-default" min="1" max="6" value="6" style="padding:
-  2px; border: none; border-radius: 2px; text-align: center; width: 2rem;"></label>
-  of 6</div><li class="next disabled" style="vertical-align: middle;"><a href="#"><i
-  class="material-icons">chevron_right</i></a></li></ul></div>'
-pagy/extras/materialize::#pagy_materialize_nav_js#test_0001_renders first page 1: <div
-  class="pagy-njs pagy-materialize-nav-js" role="navigation" aria-label="pager" data-pagy-json="[&quot;nav&quot;,{&quot;before&quot;:&quot;<ul
-  class=\&quot;pagination\&quot;><li class=\&quot;prev disabled\&quot;><a href=\&quot;#\&quot;><i
-  class=\&quot;material-icons\&quot;>chevron_left</i></a></li>&quot;,&quot;link&quot;:&quot;<li
-  class=\&quot;waves-effect\&quot;><a href=\&quot;/foo?page=__pagy_page__\&quot;   >__pagy_page__</a></li>&quot;,&quot;active&quot;:&quot;<li
-  class=\&quot;active\&quot;><a href=\&quot;/foo?page=__pagy_page__\&quot;   >__pagy_page__</a></li>&quot;,&quot;gap&quot;:&quot;<li
-  class=\&quot;gap disabled\&quot;><a href=\&quot;#\&quot;>&hellip;</a></li>&quot;,&quot;after&quot;:&quot;<li
-  class=\&quot;waves-effect next\&quot;><a href=\&quot;/foo?page=2\&quot;   rel=\&quot;next\&quot;
-  aria-label=\&quot;next\&quot;><i class=\&quot;material-icons\&quot;>chevron_right</i></a></li></ul>&quot;},{&quot;0&quot;:[&quot;1&quot;,2,3,4,5,&quot;gap&quot;,50]}]"></div>
-pagy/extras/materialize::#pagy_materialize_nav_js#test_0001_renders first page 2: <div
-  id="test-nav-id" class="pagy-njs pagy-materialize-nav-js" role="navigation" aria-label="pager"
-  data-pagy-json="[&quot;nav&quot;,{&quot;before&quot;:&quot;<ul class=\&quot;pagination\&quot;><li
-  class=\&quot;prev disabled\&quot;><a href=\&quot;#\&quot;><i class=\&quot;material-icons\&quot;>chevron_left</i></a></li>&quot;,&quot;link&quot;:&quot;<li
-  class=\&quot;waves-effect\&quot;><a href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra
-  >__pagy_page__</a></li>&quot;,&quot;active&quot;:&quot;<li class=\&quot;active\&quot;><a
-  href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra >__pagy_page__</a></li>&quot;,&quot;gap&quot;:&quot;<li
-  class=\&quot;gap disabled\&quot;><a href=\&quot;#\&quot;>&hellip;</a></li>&quot;,&quot;after&quot;:&quot;<li
-  class=\&quot;waves-effect next\&quot;><a href=\&quot;/foo?page=2\&quot;  link-extra
-  rel=\&quot;next\&quot; aria-label=\&quot;next\&quot;><i class=\&quot;material-icons\&quot;>chevron_right</i></a></li></ul>&quot;},{&quot;0&quot;:[&quot;1&quot;,2,3,&quot;gap&quot;,50],&quot;600&quot;:[&quot;1&quot;,2,3,4,&quot;gap&quot;,50]}]"></div>
 pagy/extras/materialize::#pagy_materialize_nav_js#test_0002_renders intermediate page 1: <div
   class="pagy-njs pagy-materialize-nav-js" role="navigation" aria-label="pager" data-pagy-json="[&quot;nav&quot;,{&quot;before&quot;:&quot;<ul
   class=\&quot;pagination\&quot;><li class=\&quot;waves-effect prev\&quot;><a href=\&quot;/foo?page=19\&quot;   rel=\&quot;prev\&quot;
@@ -177,6 +139,25 @@ pagy/extras/materialize::#pagy_materialize_nav_js#test_0002_renders intermediate
   class=\&quot;gap disabled\&quot;><a href=\&quot;#\&quot;>&hellip;</a></li>&quot;,&quot;after&quot;:&quot;<li
   class=\&quot;waves-effect next\&quot;><a href=\&quot;/foo?page=21\&quot;  link-extra
   rel=\&quot;next\&quot; aria-label=\&quot;next\&quot;><i class=\&quot;material-icons\&quot;>chevron_right</i></a></li></ul>&quot;},{&quot;0&quot;:[1,&quot;gap&quot;,18,19,&quot;20&quot;,21,22,&quot;gap&quot;,50],&quot;600&quot;:[1,&quot;gap&quot;,17,18,19,&quot;20&quot;,21,22,23,&quot;gap&quot;,50]}]"></div>
+pagy/extras/materialize::#pagy_materialize_nav_js#test_0001_renders first page 1: <div
+  class="pagy-njs pagy-materialize-nav-js" role="navigation" aria-label="pager" data-pagy-json="[&quot;nav&quot;,{&quot;before&quot;:&quot;<ul
+  class=\&quot;pagination\&quot;><li class=\&quot;prev disabled\&quot;><a href=\&quot;#\&quot;><i
+  class=\&quot;material-icons\&quot;>chevron_left</i></a></li>&quot;,&quot;link&quot;:&quot;<li
+  class=\&quot;waves-effect\&quot;><a href=\&quot;/foo?page=__pagy_page__\&quot;   >__pagy_page__</a></li>&quot;,&quot;active&quot;:&quot;<li
+  class=\&quot;active\&quot;><a href=\&quot;/foo?page=__pagy_page__\&quot;   >__pagy_page__</a></li>&quot;,&quot;gap&quot;:&quot;<li
+  class=\&quot;gap disabled\&quot;><a href=\&quot;#\&quot;>&hellip;</a></li>&quot;,&quot;after&quot;:&quot;<li
+  class=\&quot;waves-effect next\&quot;><a href=\&quot;/foo?page=2\&quot;   rel=\&quot;next\&quot;
+  aria-label=\&quot;next\&quot;><i class=\&quot;material-icons\&quot;>chevron_right</i></a></li></ul>&quot;},{&quot;0&quot;:[&quot;1&quot;,2,3,4,5,&quot;gap&quot;,50]}]"></div>
+pagy/extras/materialize::#pagy_materialize_nav_js#test_0001_renders first page 2: <div
+  id="test-nav-id" class="pagy-njs pagy-materialize-nav-js" role="navigation" aria-label="pager"
+  data-pagy-json="[&quot;nav&quot;,{&quot;before&quot;:&quot;<ul class=\&quot;pagination\&quot;><li
+  class=\&quot;prev disabled\&quot;><a href=\&quot;#\&quot;><i class=\&quot;material-icons\&quot;>chevron_left</i></a></li>&quot;,&quot;link&quot;:&quot;<li
+  class=\&quot;waves-effect\&quot;><a href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra
+  >__pagy_page__</a></li>&quot;,&quot;active&quot;:&quot;<li class=\&quot;active\&quot;><a
+  href=\&quot;/foo?page=__pagy_page__\&quot;  link-extra >__pagy_page__</a></li>&quot;,&quot;gap&quot;:&quot;<li
+  class=\&quot;gap disabled\&quot;><a href=\&quot;#\&quot;>&hellip;</a></li>&quot;,&quot;after&quot;:&quot;<li
+  class=\&quot;waves-effect next\&quot;><a href=\&quot;/foo?page=2\&quot;  link-extra
+  rel=\&quot;next\&quot; aria-label=\&quot;next\&quot;><i class=\&quot;material-icons\&quot;>chevron_right</i></a></li></ul>&quot;},{&quot;0&quot;:[&quot;1&quot;,2,3,&quot;gap&quot;,50],&quot;600&quot;:[&quot;1&quot;,2,3,4,&quot;gap&quot;,50]}]"></div>
 pagy/extras/materialize::#pagy_materialize_nav_js#test_0003_renders last page 1: <div
   class="pagy-njs pagy-materialize-nav-js" role="navigation" aria-label="pager" data-pagy-json="[&quot;nav&quot;,{&quot;before&quot;:&quot;<ul
   class=\&quot;pagination\&quot;><li class=\&quot;waves-effect prev\&quot;><a href=\&quot;/foo?page=49\&quot;   rel=\&quot;prev\&quot;