Position issue of label when adding "renderLeftAccessory"

[EricSoeun]

      <OutlinedTextField
        label={label}
        renderLeftAccessory={() => (
          <Icon
            as={<MaterialIcons name="mail" />}
            size={5}
            ml="1"
            mr="2"
            mb="0.5"
            color="primary.500"
          />
        )}
      />

If I add the prop renderLeftAccessory to add an Icon, it affects the position of the label.

If i remove renderLeftAccessory prop, everything goes well. I've tried to remove every margin of the element rendering in renderLeftAccessory, but it's the same.

I think it needs to be fixed. If you have any solutions I take it.

Thank you 🙏