.sidebar .numeric-slider {
  display: flex;
  flex-direction: column;
}

.sidebar .numeric-slider .slider {
  display: flex;
}

.sidebar .numeric-slider .slider input {
  flex-basis: 90%;
}

.sidebar .numeric-slider .slider .slider-value {
  /**
   * We want to keep a minimum width for the value or else
   * there will be a "jitter" effect where the slider will
   * contract as a result of the label getting smaller,
   * which will then change the value of the slider, which
   * will then change the width of the label, ad infinitum.
   */
  min-width: 2em;
}
