JavaScript - scrollIntoView() only works in Firefox

Question

I'm trying to scrollIntoView() on a SVG element. It works on Firefox as intended but on Chrome and Edge it scrolls down too far or some other place that is wrong.

<g id="clust1" class="cluster">
    <title>cluster_Legend</title>
    <polygon fill="none" stroke="black" points="8,-8 8,-59 2503,-59 2503,-8 8,-8"/>
    <text text-anchor="middle" x="1255.5" y="-47" font-family="Times New Roman,serif" font-size="10.00">Node color legend </text>
</g>

I have a variable selectedCluster with the selected <g> element. I call scrollIntoView() on the <polygon> nested within the <g> element.

var polygon = selectedCluster.querySelector("polygon");
polygon.scrollIntoView({behavior: "smooth"});

How do I make it so that it scrolls correctly in Chrome and Edge?

Thanks