Remove spinners from Input where type= Number (Reactjs)

I have an input of type ‘number’ which added spinners to my input. I dont want them there as I have custom buttons for the spinner actions.

 <input
                      className="input"
                      type="number"
                      value={this.state.HD}
                      onBlur={this.changeHD}
                    ></input>

CSS class of input

.input {
  background-color: rgba(255, 255, 255, 0);
  box-shadow: inset 0 1px 0 0 #E6E7EB, inset 0 -1px 0 0 #E6E7EB;
  width: 80px;
  height: 40px;
  color: #999999;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 16px;
  width: 80px;
  text-align: center;
  padding: 12px;
}