Match Select2 format/style to my page

Hi,

Just started using Select2 - this saves me so much time, I can’t express how grateful I am to have found this.

I browsed the documentation and searched this forum but haven’t found the answer - it may be that my limited experience is such that I’m not even asking the right question:

I am using the Materialize css (https://materializecss.com/) for my site’s styling. How can I get my Select2 dropdown to match the look of the rest of my page?

Here is my HTML code:

                <div class="input-field col s12">
                    <select class="js-example-basic-single" name="country" id="country">
                        <option value="" disabled selected>Choose Country</option>
                        <option value="Afghanistan">Afghanistan</option>
                        <option value="Åland Islands">Åland Islands</option>
                        <option value="Albania">Albania</option>
                    </select>
                </div>