Labels placed on top are cut off

[ppeyro]

Expected behavior and actual behavior:

Placing labels on top should show the label on top of the slider, but the labels are cutoff on the top.

Steps to reproduce the problem:

See Code Snippet below.

Environment:

Slider Version: 1.0.3
Browsers: All (Chrome, FF, Safari, IE1)

Screenshots (optional, but very helpful):

Code example

  <px-slider
        id="sliderMulti10"
        value="120.45"
        end-value="2000"
        min="-10"
        max="2500"
        is-range
        step="100"
        show-labels
        max-label-position="top"
        min-label-position="bottom"
      >
      </px-slider>

Additional Notes:

If the Y value is adjusted from (-15) to (-10) in the debugger, the issue is corrected.