diff --git a/frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx b/frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx
index 531c4694fc..469c555b3e 100644
--- a/frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx
+++ b/frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx
@@ -30,12 +30,22 @@ class PanelGroupItem extends Component {
return ;
}
+ renderDescription = () => {
+ const { item } = this.props;
+ const { description, type } = item;
+
+ if (!description || type === 'custom') {
+ return false;
+ }
+
+ return {description};
+ }
+
render () {
- const { renderIcon } = this;
+ const { renderDescription, renderIcon } = this;
const { item, onLabelClick, isSelected } = this.props;
const {
count,
- description,
display_text: displayText,
type,
} = item;
@@ -56,7 +66,7 @@ class PanelGroupItem extends Component {
{renderIcon()}
{displayText}
- {description && {description}}
+ {renderDescription()}
{count}