Изменение высоты компонента выбора реакции

Question

У меня относительно прямой вопрос. Когда я пытаюсь изменить высоту реакционного выбора, он портит положение внутреннего текста. Похоже, их стили API не позволяют мне углубиться в контроль, поэтому я не уверен, как это исправить.

Редактировать: я хотел бы сохранить отступы.

CodeSandbox : пример моего вопроса

import React from "react";
import Select from "react-select";

const customStyles = {
  control: provided => {
    return {
      ...provided,
      width: "100%",
      padding: "10px 12px",
      height: "20px"
    };
  }
};

export default () => <Select styles={customStyles} />;

Answer 1

Это должно работать для вас:

import React from "react";
import Select from "react-select";

const customStyles = {
  control: provided => {
    return {
      ...provided,
      width: "100%",
      padding: "0px 12px",
      height: "20px"
    };
  }
};

export default () => <Select styles={customStyles} />;

Answer 2

Так что вам просто нужно удалить обивку, и она должна быть исправлена.