Hello,

I try to align the Name and the value of NameValuePair in column mode like this:

 <NameValueList
    valueProps={{ width: "auto", align: "start" }}
  >
    <NameValuePair name="File log level">
        <Select
          options={[
            "Debug",
            "Info",
            "Warning",
            "Error",
            "Panic",
            "Fatal",
          ]}
          // value={value}
          // onChange={({ option }) => setValue(option)}
        />
    </NameValuePair>
  </NameValueList>

Expected Behavior

I want the Name (Text-Element) to be in the same vertical position as the value (see red/green line in the picture).

Actual Behavior

Right now the label has a different vertial position than the value object. But I want both to be horizontally centered. See example:

Environment

• Grommet version: https://github.com/grommet/grommet/tarball/stable
• Browser Name and version: Chrome 111.0.5563.147
• Operating System and version (desktop): Windows 7

I would be nice if someone can give me an idea how to solve this.