I am utilizing datamaps to showcase the countries of the world, however, I want the graph to be centered. The issue arises when I hover over a country and the pop up appears all the way to the left, aligned with where the country would be if it wasn't centered. I suspect the problem lies within the CSS:
#map {
margin: 0px auto;
width: 700px;
}
Unfortunately, I am unsure how to center it in a different manner.
Is there a way to adjust the position of the pop-up? Thank you in advance!
https://i.sstatic.net/3anyq.png
(I attempted to include a code snippet, but encountered an error for unknown reasons.)