diff --git a/lib/client/chart.js b/lib/client/chart.js
index cab0262f2b6..9a604e8f959 100644
--- a/lib/client/chart.js
+++ b/lib/client/chart.js
@@ -150,7 +150,7 @@ function init (client, d3, $) {
 
   chart.xAxis = d3.axisBottom(xScale)
     .tickFormat(tickFormat)
-    .ticks(4);
+    .ticks(6);
 
   chart.yAxis = d3.axisLeft(yScale)
     .tickFormat(d3.format('d'))
@@ -164,6 +164,9 @@ function init (client, d3, $) {
     .tickFormat(d3.format('d'))
     .tickValues(tickValues);
 
+  d3.select('tick')
+    .style('z-index', '10000');
+
   // setup a brush
   chart.brush = d3.brushX()
     .on('start', brushStarted)
@@ -201,22 +204,26 @@ function init (client, d3, $) {
 
   // create the x axis container
   chart.focus.append('g')
-    .attr('class', 'x axis');
-
+    .attr('class', 'x axis')
+    .style("font-size", "16px");
+    
   // create the y axis container
   chart.focus.append('g')
-    .attr('class', 'y axis');
+    .attr('class', 'y axis')
+    .style("font-size", "16px");
 
   chart.context = chart.charts.append('g')
     .attr('class', 'chart-context');
 
   // create the x axis container
   chart.context.append('g')
-    .attr('class', 'x axis');
+    .attr('class', 'x axis')
+    .style("font-size", "16px");
 
   // create the y axis container
   chart.context.append('g')
-    .attr('class', 'y axis');
+    .attr('class', 'y axis')
+    .style("font-size", "16px");
 
   chart.createBrushedRange = function () {
     var brushedRange = chart.theBrush && d3.brushSelection(chart.theBrush.node()) || null;