diff --git a/frontend/pages/hosts/details/cards/EmptyState/EmptyState.tsx b/frontend/pages/hosts/details/cards/EmptyState/EmptyState.tsx index 5598abe77a..1a2dcc3081 100644 --- a/frontend/pages/hosts/details/cards/EmptyState/EmptyState.tsx +++ b/frontend/pages/hosts/details/cards/EmptyState/EmptyState.tsx @@ -1,7 +1,6 @@ import React from "react"; import ExternalLinkIcon from "../../../../../../assets/images/open-new-tab-12x12@2x.png"; -import DisableIcon from "../../../../../../assets/images/icon-action-disable-red-16x16@2x.png"; const baseClass = "empty-state"; @@ -61,19 +60,12 @@ const EmptyState = ({ title, reason }: IEmptyStateProps): JSX.Element => {

- Disable icon - No {title} collected from this host. + No {title === "software" ? "installed software" : title}{" "} + detected on this host.

- Check out the Fleet documentation on{" "} - - how to troubleshoot{" "} - External link - + Expecting to see {title}? Try again in a few seconds as the + system catches up.

diff --git a/frontend/pages/hosts/details/cards/EmptyState/_styles.scss b/frontend/pages/hosts/details/cards/EmptyState/_styles.scss index 983741d53e..346daae297 100644 --- a/frontend/pages/hosts/details/cards/EmptyState/_styles.scss +++ b/frontend/pages/hosts/details/cards/EmptyState/_styles.scss @@ -44,6 +44,12 @@ } } + &__empty-list { + h1 { + font-size: $small; + } + } + &__empty-filter-results { display: flex; flex-direction: column;