diff --git a/app/main/static/css/charges.css b/app/main/static/css/charges.css
index 6fb7ac2..b265676 100644
--- a/app/main/static/css/charges.css
+++ b/app/main/static/css/charges.css
@@ -18,12 +18,16 @@
     display: inline-block;
 }
 
-rect.bar:hover {
-    fill: dimgrey;
+rect.bar {
+    stroke: white;
+    stroke-width: 0.5pt;
 }
 
-rect.bar {
-    fill: rgb(127, 127, 159);
+rect.bar:hover {
+    -webkit-filter: brightness(0.5);
+    -moz-filter: brightness(0.5);
+    -ms-filter: brightness(0.5);
+    filter: brightness(0.5);
 }
 
 .tooltip {
diff --git a/app/main/static/js/charges.js b/app/main/static/js/charges.js
index c63bf1c..d367b81 100644
--- a/app/main/static/js/charges.js
+++ b/app/main/static/js/charges.js
@@ -137,12 +137,12 @@ function build_chart(div_selector, data_url) {
             .data(d => d)
             .enter()
             .append("rect")
+            .attr("class", "bar")
             .attr("x", d => x(d.data.period))
             .attr("width", x.bandwidth())
             // .attr("width", 5)
             .attr("y", d => y(d[1]))
             .attr("height", d => height - y(d[1] - d[0]))
-            .attr("stroke", "black")
             .on("mouseover", mouseover)
             .on("mousemove", mousemove)
             .on("mouseleave", mouseleave);
--
libgit2 0.21.2