Reactjs 反应选择更改选项容器的宽度

我正在使用react select并尝试缩小选项容器的宽度。它似乎占据了容器宽度的100%。我一直试图在api中找到一个选项，在不改变其父容器宽度的情况下减小下拉列表的宽度

我的代码如下

export const singleStylesRowComp = {
  option: (provided, { data }) => ({
    ...provided,
    color: styleMap[data.value] ? styleMap[data.value] : "#00A657",
  }),
  control: () => ({
    // none of react-select's styles are passed to <Control />
    width: 130,
    border: "0 !important",
    height: "40px",
    fontFamily: "Lato, sans-serif",
    fontSize: "14px",
  }),
  placeholder: (styles) => ({ ...styles, display: "none" }),
  dropdownIndicator: (provided) => ({
    ...provided,
    position: "absolute",
    top: 10,
    left: 50,
  }),
  singleValue: (provided, { data }) => ({
    ...provided,
    color: styleMap[data.value] ? styleMap[data.value] : "#00A657",
  }),
};

export const singleStylesRowComp={
选项：（提供，{data}）=>({
假如
颜色：styleMap[data.value]？styleMap[data.value]：“#00A657”，
}),
控件：（）=>({
//所有react select的样式都不会传递给
宽度：130，
边界：“0！重要”，
高度：“40px”，
fontFamily：“Lato，无衬线”，
字体大小：“14px”，
}),
占位符：（样式）=>（{…样式，显示：“无”}），
下拉指示器：（提供）=>({
假如
位置：“绝对”，
前10名，
左:50,，
}),
singleValue：（提供，{data}）=>({
假如
颜色：styleMap[data.value]？styleMap[data.value]：“#00A657”，
}),
};