Padding and margin issues at bottom-right. Increasing the viewport size and pushing the copyright down.

[casertap]

Placing the component with config

    const geocoder = new MapboxGeocoder({
      accessToken: mapboxgl.accessToken,
      mapboxgl: mapboxgl,
      collapsed: true,
      flyTo: { duration: 0 },
      clearOnBlur: true,
    });
    map.addControl(geocoder, "bottom-right");

will creating a padding css issue that will create an horizontal scroll and some white background on the right.

expanding it using the mouse would fix the right padding but create a bottom margin that is pushing the copyright out of the map and create a vertical scroll.

[casertap]

It's working fine in production build. The issue only happen in dev mode.