diff --git a/src/components/BeeswarmChart.vue b/src/components/BeeswarmChart.vue
index 99bc0b85d24034dc79a146818e3abf2abc73dabd..b57e6be5ce5e78a1111183dce5cf19e4adf8c7fb 100644
--- a/src/components/BeeswarmChart.vue
+++ b/src/components/BeeswarmChart.vue
@@ -380,19 +380,15 @@ function handleMouseOver(event, d) {
     .attr('height', barHeight)
     .style('fill', d => d.pattern ? `url(#${patternId})` : d.fill)
     .style('stroke', d => d.stroke ? d.stroke : 'none');
-
-  // Highlight the circle
-  d3.select(this)
-    .attr('stroke', dimensionColors[d.dimension.replace(' ', '')])
-    .attr('stroke-width', 8);
-
-  d3.select('.positive')
+    d3.select('#text2').select('.positive').select('rect')
     .style('fill', dimensionColors[d.dimension.replace(' ', '')]);
 
-  d3.select('#text2').select('.negative')
+  d3.select('#text2').select('.negative').select('rect')
+    .style('fill', 'white')
     .style('stroke', dimensionColors[d.dimension.replace(' ', '')]);
 
-  d3.select('#text2').select('.unknown')
+  d3.select('#text2').select('.unknown').select('rect')
+    .style('fill', `url(#pattern-stripe)`)
     .style('stroke', dimensionColors[d.dimension.replace(' ', '')]);
 }