I have a Leaflet map with some base maps and layers but there’s a bug inside the layer control popup. When opened, the checkbox/radio to select the options are not aligned to the label.

I’m facing an issue with my HTML/CSS layout where the map element (#map) is not displayed on smaller screens, while the map settings (map-settings) are visible. Here’s a simplified version of my code:

I want to use Bootstrap Icons for the map markers in Leaflet. There are a number of plugin libraries for this (e.g. [1], [2], [3]), but they’re unmaintained or don’t work with the latest Bootstrap Icons.