diff --git a/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx b/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx index 9a3dd1d606..4c07b5402d 100644 --- a/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx +++ b/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx @@ -21,10 +21,14 @@ export const ChildrenContent = ({ data, children, readOnly }) => { onMouseDown={onMouseDown} data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)} > - {data?.leftAvatar && ( - + {data?.leftRenderer || ( + <> + {data?.leftAvatar && ( + + )} + {data?.leftIcon && } + )} - {data?.leftIcon && } {children} {data?.rightIcon && } {data?.rightAvatar && ( diff --git a/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.jsx b/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.jsx index a246eff205..6e80d8f07f 100644 --- a/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.jsx +++ b/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.jsx @@ -74,6 +74,7 @@ export default function Container({ children, selectProps, ...otherProps }) { }} readOnly={readOnly || (withMandatoryDefaultOptions && option.isMandatory)} allowTextSelection={readOnly} + leftRenderer={option.leftRenderer} leftAvatar={option.leftAvatar} leftIcon={option.leftIcon} color={overrideChipColor}