Not inherting class/ Algolia Search

Hey - I’ve been working with Algolia to create a custom search but having trouble with the styling of the search bar.

Here’s the preview link and live site

The Algolia docs are here and I’ve tried a few ways to get it to work

I’ve tried to use the custom code at add CSS into the page javascript

instantsearch.widgets.searchBox({

// …
cssClasses: {
root: ‘MyCustomSearchBox’,
form: [
‘MyCustomSearchBoxForm’,
‘MyCustomSearchBoxForm–subclass’,
],
},
});

  • Sorry couldn’t get the code above to work. I’ve tried to change the div class where the search bar loads and I’ve tried to add the CSS elements in the code but nothing seems to change the awful CSS of the bar :frowning:

PLEASE is anyone able to help?