title: CSS on Mapbox Geocoder
body: <p>I had a question about adding CSS, since I could not find any other issues related to this. I am trying to move the Geocoder Search farther down the map than where it is positioned at 'top-right' and I cannot change it's position, whether I use inline or internal CSS:</p>
  <pre><code>import React from &quot;react&quot;;
  import &quot;mapbox-gl/dist/mapbox-gl.css&quot;;
  import &quot;react-map-gl-geocoder/dist/mapbox-gl-geocoder.css&quot;;
  import Geocoder from &quot;react-map-gl-geocoder&quot;;
  const geostyle {
      margin: '20px';
  }
  
  const Map = () = &gt; {`
  ...
  return(
  &lt;div&gt;
  ...
  &lt;Geocoder
      style={geostyle}
      mapRef={myMap}
      onViewportChange={setViewport}
      mapboxApiAccessToken={MAPBOX_TOKEN}
      viewport={viewport}
      position=&quot;top-left&quot;
    /&gt;
  ...
  &lt;/div&gt;
  );
  };
  
  </code></pre>
  <p>Is there a way to customize the Geocoder search bar? Would I have to edit the mapbox css that I imported from 'react-map-gl-geocoder? Thanks!</p>