[Excavator]

Originally Posted by cm123077

Any idea how I can make the height of the info box the same size as the content with css?

Instead of specifiying a height, just let the element work on it's own. It will size itself to it's contents if you let it.

.leaflet-popup-content-wrapper {
    /*height: 300px !important;*/
    width: 450px !important;
}
.leaflet-popup-content-wrapper {
    /*height: 300px !important;*/
    width: 450px !important;
}
.leaflet-popup-content {
    /*height: 400px !important;*/
    width: 400px !important;
}

and in your markup you have some inline style that could go away -

<div style="width: 301px; height: 160px;" class="leaflet-popup-content leaflet-popup-scrolled">