Width problem for placeholder about react-input-autosize HOT 6 OPEN

const renderColumn = props => {
  const {
    index,
    renderToaster,
    input: { name, onChange, value },
    placeholder,
    ...restProps
  } = props;
  return (
    <Column
      onChange={onChange}
      renderToaster={renderToaster}
      text={value}
      maxLength={50}
      name={name}
      placeholder={placeholder}
      restProps={restProps}
    />
  );
};

<MDBTableBody>
       {fields.map((data, index) => {
            return (
              <tr key={"key_" + index}>
                <DeleteRow deleteARow={() => fields.remove(index)} />
                <Field
                  name={`${data}.login`}
                  component={renderColumn}
                  renderToaster={renderToaster}
                  placeholder={LOGIN}
                />
                <Field
                  name={`${data}.password`}
                  component={renderColumn}
                  renderToaster={renderToaster}
                  placeholder={PASSWORD}
                />
                <Field
                  name={`${data}.account`}
                  component={renderColumn}
                  renderToaster={renderToaster}
                  placeholder={ACCOUNT}
                />
              </tr>
            );
          })}
</MDBTableBody>

<MDBTableBody>
          {fields.map((data, index) => {
            return (
              <tr key={"key_" + index}>
                <DeleteRow deleteARow={() => fields.remove(index)} />
                <Field
                  name={`${data}.buyDate`}
                  component={renderColumn}
                  renderToaster={renderToaster}
                  placeholder={BUYDATE}
                />
                <Field
                  name={`${data}.key`}
                  component={renderColumn}
                  renderToaster={renderToaster}
                  placeholder={KEY}
                />
                <Field
                  name={`${data}.program`}
                  component={renderColumn}
                  renderToaster={renderToaster}
                  placeholder={PROGRAM}
                />
                <Field
                  name={`${data}.computer`}
                  component={renderColumn}
                  renderToaster={renderToaster}
                  placeholder={COMPUTER}
                />
              </tr>
            );
          })}
</MDBTableBody>

//render method of the Column Component
render() {
    const {
      text,
      indexPath,
      status,
      name,
      index,
      maxLength,
      onClick,
      placeholder
    } = this.props;
    return (
      <td className='align-vertical'>
        <AutosizeInput
          className='list_input'
          disabled={status}
          onClick={onClick}
          value={text}
          name={name}
          onChange={e => {
            this.props.onChange(e, indexPath);
          }}
          index={index}
          maxLength={maxLength}
          placeholder={placeholder}
        />
        <MDBIcon
          far
          icon='clone'
          className={
            this.state.isHovered ? "icon_clone_hover" : "icon_clone text-muted"
          }
          onClick={() => this.copyText(text)}
          onMouseEnter={this.handleHover}
          onMouseLeave={this.handleHover}
        />
      </td>
    );
  }
}