diff --git a/lib/Haanga/lib/Haanga/Extension/Filter/D3circlepacking.php b/lib/Haanga/lib/Haanga/Extension/Filter/D3circlepacking.php
index 62d8d4e3ccac3c08c202ef6d0f8661b9448f380b..030dafed69ffac92221701c393ab4853be405bdc 100644
--- a/lib/Haanga/lib/Haanga/Extension/Filter/D3circlepacking.php
+++ b/lib/Haanga/lib/Haanga/Extension/Filter/D3circlepacking.php
@@ -105,7 +105,7 @@ var pack = d3.layout.pack()
 var vis = d3.select("#clusterpacking'.$randId.'").append("svg")
     .attr("width", width)
     .attr("height", height)
-    .attr("class", "pack")
+    .attr("class", "pack").style("font", "10px sans-serif")
   .append("g")
     .attr("transform", "translate(2, 2)");
 
@@ -118,7 +118,9 @@ var vis = d3.select("#clusterpacking'.$randId.'").append("svg")
   node.append("title")
       .text(function(d) { return d.name + (d.children ? "" : ": " + format(d.size)); });
 
-  node.append("circle")
+  node.append("circle").style("fill", function(d) { return d.children ? "rgb(31, 119, 180)" : "#ff7f0e"; })
+      .style("fill-opacity", function(d) { return d.children ? ".25" : "1"; })
+      .style("stroke", "rgb(31, 119, 180)").style("stroke-width", "1px")
       .attr("r", function(d) { return d.r; });
 
   node.filter(function(d) { return !d.children; }).append("text")