JS地図ライブラリ・リーフレット地図の端にメジャーを表示させる方法

const osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
});

var baseLayers = {
    "シンプル": osm,
}

var map = L.map('myMap', {
    center: [32.639884, 130.987154],
    zoom: 8,
    maxZoom: 18,
    layers: [osm],
})

var LayerControl = L.control.layers(baseLayers).addTo(map);

var measure = L.control.scale({
    maxWidth: 100,
    imperial: false
}).addTo(map);

.leaflet-control-scale-line  {
    border-color: green!important;
    background: rgba(0, 128, 0, 0.314)!important;
    color: #fff!important;
}