diff --git a/src/components/EmptySelectionListContent.tsx b/src/components/EmptySelectionListContent.tsx index 9bae189ac1831..a5ac2c84eb2bd 100644 --- a/src/components/EmptySelectionListContent.tsx +++ b/src/components/EmptySelectionListContent.tsx @@ -39,7 +39,7 @@ function EmptySelectionListContent({contentType}: EmptySelectionListContentProps ); return ( - + ( )} {/* 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) && ( + {(((!isLoadingNewOptions || headerMessage !== translate('common.noResultsFound')) && !!headerMessage) || + (flattenedSections.allOptions.length === 0 && !showLoadingPlaceholder)) && ( - {headerMessage} + {headerMessage} )} {!!headerContent && headerContent} diff --git a/src/styles/utils/spacing.ts b/src/styles/utils/spacing.ts index 5b416f5a120e3..25e11cdf4f897 100644 --- a/src/styles/utils/spacing.ts +++ b/src/styles/utils/spacing.ts @@ -664,4 +664,12 @@ export default { rowGap4: { rowGap: 16, }, + + minHeight5: { + minHeight: 20, + }, + + minHeight65: { + minHeight: 260, + }, } satisfies Record;