 
     coord = @options.scales.x(x) + @margins.left
 
-    @tooltipName.text @options.currentStream
-    @tooltipUserCount.text @data[@options.currentStream][x].user_count
-    @tooltipDate.html @getDate @data[@options.currentStream][x].created_at
+    @tooltipName
+      .attr 'class', "changelog-chart__text changelog-chart__text--name changelog-chart__text--#{_.kebabCase currentStream}"
+      .text currentStream
+    @tooltipUserCount.text @data[currentStream][x].user_count
+    @tooltipDate.html @getDate @data[currentStream][x].created_at
     @tooltipContainer
       .style 'transform', "translate(#{coord}px) translateX(-50%)"
 

      .classed 'changelog-chart__tooltip', true

    @tooltipName = @tooltip.append 'div'
      .classed "changelog-chart__text changelog-chart__text--name changelog-chart__text--#{_.kebabCase @options.currentStream}", true

    @tooltipUserCount = @tooltip.append 'div'
      .classed 'changelog-chart__text changelog-chart__text--user-count', true

    Fade.out @tooltipContainer.node()

  positionTooltip: =>
    mousePos = d3.mouse @hoverArea.node()
    x = Math.round @options.scales.x.invert mousePos[0]
    y = mousePos[1] / @height

    for el in @options.order
      if y <= @data[el][x].normalized
        currentStream = el

    @showTooltip()

