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

Nobody has claimed this yet.

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.


Reproduce the issue with the MapboxGeocoder configuration in the report and the control positioned at bottom-right. Inspect the geocoder control's layout and CSS while collapsed and expanded at different viewport sizes. Done means neither state creates horizontal or vertical overflow, unwanted right padding, or pushes the map copyright outside the map.

Written by the indexing model from the issue text.