diff --git a/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js b/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js
index 6578736c6b..539d7a476a 100644
--- a/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js
+++ b/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js
@@ -18,6 +18,8 @@ class SelectBox_Option_SingleLine extends PureComponent {
className: PropTypes.string,
+ icon: PropTypes.string,
+
linkOptions: PropTypes.shape({
href: PropTypes.string.isRequired,
target: PropTypes.string,
@@ -35,6 +37,11 @@ class SelectBox_Option_SingleLine extends PureComponent {
[className]: className,
[style.linkedItem]: linkOptions
});
+ const linkClassname = mergeClassNames({
+ [style.dropdownLink]: true,
+ [style.hasIcon]: (option.icon || icon ? true: false)
+ });
+
const previewElementIcon = option.icon ? option.icon : (icon ? icon : null);
return (
@@ -42,7 +49,7 @@ class SelectBox_Option_SingleLine extends PureComponent {
{linkOptions ? (
{option.label}
) : (
{option.label}
diff --git a/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css b/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css
index 700add1428..a7467ca1b0 100644
--- a/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css
+++ b/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css
@@ -2,6 +2,12 @@
color: white;
padding: 5px 14px;
display: inline-block;
+ width: 100%;
+
+}
+.hasIcon {
+ width: calc(100% - 2em);
+ padding: 5px 0px;
}
.linkedItem{
padding: 0px !important;