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}