diff --git a/src/components/SelectionList/BaseSelectionList.tsx b/src/components/SelectionList/BaseSelectionList.tsx index 5165c83d45b3..bbc8615898df 100644 --- a/src/components/SelectionList/BaseSelectionList.tsx +++ b/src/components/SelectionList/BaseSelectionList.tsx @@ -687,12 +687,12 @@ function BaseSelectionList( )} {/* If we are loading new options we will avoid showing any header message. This is mostly because one of the header messages says there are no options. */} {/* This is misleading because we might be in the process of loading fresh options from the server. */} - {(((!isLoadingNewOptions || headerMessage !== translate('common.noResultsFound')) && !!headerMessage) || - (flattenedSections.allOptions.length === 0 && !showLoadingPlaceholder)) && ( - - {headerMessage} - - )} + {(!isLoadingNewOptions || headerMessage !== translate('common.noResultsFound') || (flattenedSections.allOptions.length === 0 && !showLoadingPlaceholder)) && + !!headerMessage && ( + + {headerMessage} + + )} {!!headerContent && headerContent} {flattenedSections.allOptions.length === 0 ? ( renderListEmptyContent()