mapbox-gl-directions CSS breaks mapbox-gl-geocoder CSS

[mariusa]

import MapboxGeocoder from '@mapbox/mapbox-gl-geocoder'
import '@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css'
import MapboxDirections from '@mapbox/mapbox-gl-directions/dist/mapbox-gl-directions'
import '@mapbox/mapbox-gl-directions/dist/mapbox-gl-directions.css'

mapbox-gl-directions CSS breaks mapbox-gl-geocoder CSS, since it overwrites the geocoder styles (it shouldn't, by design; we wouldn't have this problem now)

Wasted half an hour on this, to discover now it's a known issue since last year: https://github.com/mapbox/mapbox-gl-directions/pull/226

[Berkmann18]

Yeah, it's frustrating that it does this, I wonder why it's not name-spacing its CSS rules or using more specific selectors.

[maulayyacyber]

how fix this problem ?