Instantsearch.js: SVG arrow size in hitsPerPageSelector widget

[fitztrev]

The "down" arrow in the hitsPerPageSelector widget is not sized correctly.

Screenshot:

Environment:

• instantsearch.js: 2.9.0
  
  
  
  • OS: OS X 10.10.5
  
  
  • Browser: Chrome, but also happening in Firefox and Safari
  
  
  • Version 67.0.3396.99
  
  

Additional context

I use webpack and compile both of these into my main stylesheet:

node_modules/instantsearch.js/dist/instantsearch.css
node_modules/instantsearch.js/dist/instantsearch-theme-algolia.css

Not using a custom template and from inspecting it I don't see any conflicts with other css.

[fitztrev]

Looks like 1 line is changing when I compile it:

background: #FFFFFF url("<svg>...") no-repeat center right 16px/10px;

is changed to:

background: #FFFFFF url("<svg>...") no-repeat center right 1.6px;

And that causes it to not be sized correctly. Not an issue with this package. Thanks

[bobylito]

Thanks for the report and the investigation, this is greatly appreciated @fitztrev At least other users with the same setup will be able to find the cause :)