reactjs - 反応リーフレットの検索ボックスが間違っているように見える

Question

ボタンを押して開くとしたら、そのように見えます。私はmapzenのleaflet-geocoderでreact-leafletを使用しています。

import { MapControl } from 'react-leaflet'
import L from 'leaflet'
import 'leaflet-geocoder-mapzen'

export default class SearchBox extends MapControl {
  componentWillMount() {
    const searchBox = L.control.geocoder(<API-KEY>)
    this.leafletElement = searchBox
  }
}