message: change range input
diff: @@ -96,7 +96,6 @@ export default class FeeRadios extends Component<FeeRadiosProps, FeeRadiosState>
  } = this.props;
  return (
  - <>
  <div styleName={`fee-radio ${isDark ? '--dark' : ''}`}>
  {bitcoinFees.map(fee => {
  const feeInByte = fee.slug === "custom" ? this.state.customFeeValue : new BigNumber(fees[fee.slug]).div(1024).dp(0, BigNumber.ROUND_HALF_EVEN).toNumber();
  @@ -125,40 +124,33 @@ export default class FeeRadios extends Component<FeeRadiosProps, FeeRadiosState>
  </div>
  {isLoading ?
  <div styleName='paleLoader'><InlineLoader /></div> :
  - <div style={{ display: 'flex', flexWrap: 'wrap'}}>
  + <div style={{ display: 'flex', flexDirection: 'column' }}>
  <span style={{ fontSize: '12px' }}>
  {feeInByte} sat/byte
  </span>
  <span style={{ fontSize: '12px' }}>
  {fee.time}
  </span>
  - </div>
  - }
  - </label>
  - </React.Fragment>
  - )
  - })
  - }
  - </div>
  - {
  - speedType === "custom" &&
  - <div>
  + {speedType === "custom" && speedType === fee.slug &&
  <input
  + style={{ maxWidth: '80%' }}
  type="range"
  id="sat/byte"
  name="volume"
  - min="0"
  + min="1"
  max="150"
  value={this.state.customFeeValue}
  onChange={this.onCustomFeeValueChange}
  />
  - <label htmlFor="sat/byte">
  - {`${this.state.customFeeValue} sat/byte`}
  - </label>
  + }
  </div>
  -
  }
  - </>
  + </label>
  + </React.Fragment>
  + )
  + })
  + }
  + </div>
  )
  }
  }
  