reactjs - Mapbox ジオコーダーの CSS

Question

これに関連する他の問題を見つけることができなかったので、CSS の追加について質問がありました。ジオコーダー検索を「右上」に配置されている場所よりもマップの下に移動しようとしていますが、インラインまたは内部 CSS を使用するかどうかにかかわらず、その位置を変更できません。

import React from "react";
import "mapbox-gl/dist/mapbox-gl.css";
import "react-map-gl-geocoder/dist/mapbox-gl-geocoder.css";
import Geocoder from "react-map-gl-geocoder";
const geostyle {
    margin: '20px';
}

const Map = () = > {`
...
return(
<div>
...
<Geocoder
    style={geostyle}
    mapRef={myMap}
    onViewportChange={setViewport}
    mapboxApiAccessToken={MAPBOX_TOKEN}
    viewport={viewport}
    position="top-left"
  />
...
</div>
);
};

Geocoder 検索バーをカスタマイズする方法はありますか? 「react-map-gl-geocoder」からインポートした mapbox css を編集する必要がありますか? ありがとう！