.js-plotly-plot .hoverlabel {
  border-style: solid !important;
  border-width: 5px !important;
}

/* Ensure the hoverlabel text remains white on black background */
.js-plotly-plot .hoverlabel .hovertext {
  color: white !important;
}

/* Some plotly versions wrap text differently; enforce background and font color too */
.js-plotly-plot .hoverlabel {
  background-color: black !important;
  color: white !important;
}

/* Target SVG rectangle used by some Plotly renderers for hoverlabel background and border */
.js-plotly-plot .hoverlayer .hoverlabel rect {
  stroke-width: 5px !important; /* enforce thick border */
  stroke: currentColor !important; /* allow inline color to govern stroke color */
  fill: black !important; /* background fill */
}

/* Some Plotly builds render the hoverlabel as g > path elements; try to increase stroke there too */
.js-plotly-plot .hoverlayer .hoverlabel path {
  stroke-width: 5px !important;
  stroke: currentColor !important;
}