diff --git a/src/index.js b/src/index.js
index <HASH>..<HASH> 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2060,14 +2060,15 @@ mapmap.legend.html = function(options) {
             width: '3em',
             height: '1.5em',
             'vertical-align': '-0.5em',
-            border: '1px solid black',
+            //border: '1px solid #444444',
             margin: '0 0.5em 0.2em 0'
         },
         colorFillStyle: {
             width: '0',
             height: '0',
             'border-width': '100px',
-            'border-style': 'solid'
+            'border-style': 'solid',
+            'border-color': '#ffffff'
         },
         histogramBarStyle: {},
         textStyle: {}
@@ -2137,7 +2138,8 @@ mapmap.legend.html = function(options) {
                 });
         }
 
-        cells.select('.legendColor .fill').transition()
+        cells.select('.legendColor .fill')
+            .transition()
             .style({
                 'background-color': function(d) {return d;},
                 'border-color': function(d) {return d;},
Don't add border to legend color boxes by default, can be easily added through CSS