Search Box and Pagination Styling

I’m having trouble styling several aspects of the search box and pagination widgets from InstantSearch.js. Anyone have a few pointers?

Here’s a fiddle: https://jsfiddle.net/touLwhzd/12/

Notice if you start to search, the “X” that appears is obnoxiously large. The pagination also doesn’t look like this: https://community.algolia.com/instantsearch.js/v2/dev-novel/?selectedStory=Pagination.default

What are we doing wrong?

Hi @tswientek,

Thanks for contacting Algolia support and for your question!

Can you try using the CDNs for 2.7.4 for now:

<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@2.7.4"></script>
   
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.7.4/dist/instantsearch.min.css">

JS fiddle: https://jsfiddle.net/us65ny8L/2/

We’ll take a look at the CDNs for version 2.8.1

Hope this helps. If any other questions, let us know.

Happy Coding!