diff --git a/src/slider/slider-button.tsx b/src/slider/slider-button.tsx
index 048366b..7a5074d 100644
--- a/src/slider/slider-button.tsx
+++ b/src/slider/slider-button.tsx
@@ -307,6 +307,7 @@ export default class SliderButton extends Component<SliderButtonProps> {
           strategy="absolute"
           content={this.getTooltipContent()}
           visible={props.label && this.visible.value}
+          style={{ height: '100%' }}
         >
           <div className={classname(`${this.className}`, { [`${this.className}--dragging`]: this.dragging.value })} />
         </t-tooltip>
diff --git a/src/slider/slider.tsx b/src/slider/slider.tsx
index f439f8e..5c0f8c3 100644
--- a/src/slider/slider.tsx
+++ b/src/slider/slider.tsx
@@ -327,7 +327,7 @@ export default class Slider extends Component<SliderProps> {
         {
           <t-input-number
             class={sliderNumberClass}
-            value={range ? this.firstValue : this.prevValue}
+            value={range ? this.firstValue.value : this.prevValue.value}
             ref={this.leftInputRef}
             step={this.props.step}
             onChange={(v: number) => {
@@ -343,13 +343,16 @@ export default class Slider extends Component<SliderProps> {
         {range && (
           <t-input-number
             className={sliderNumberClass}
-            value={this.secondValue}
+            value={this.secondValue.value}
             ref={this.rightInputRef}
             step={this.props.step}
             disabled={this.props.disabled}
             min={min}
             max={max}
             props={this.calcInputNumberProps}
+            onChange={(v: number) => {
+              this.secondValue.value = v;
+            }}
           />
         )}
       </div>