From 7e8930ae1c609683f4289c73abba28de50149a46 Mon Sep 17 00:00:00 2001 From: Thomas Cardonne Date: Wed, 15 Feb 2023 23:02:42 +0100 Subject: [PATCH] fix(plugins-catalog): align icon in CatalogSearchResultListItem Fixes: #16376 Signed-off-by: Thomas Cardonne --- .changeset/fuzzy-trains-search.md | 5 +++++ .../CatalogSearchResultListItem.tsx | 4 +++- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 .changeset/fuzzy-trains-search.md diff --git a/.changeset/fuzzy-trains-search.md b/.changeset/fuzzy-trains-search.md new file mode 100644 index 0000000000..229d25f3b5 --- /dev/null +++ b/.changeset/fuzzy-trains-search.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-catalog': patch +--- + +Fix icon alignment in `CatalogSearchResultListItem` diff --git a/plugins/catalog/src/components/CatalogSearchResultListItem/CatalogSearchResultListItem.tsx b/plugins/catalog/src/components/CatalogSearchResultListItem/CatalogSearchResultListItem.tsx index a277584d2f..98dd5bd4e2 100644 --- a/plugins/catalog/src/components/CatalogSearchResultListItem/CatalogSearchResultListItem.tsx +++ b/plugins/catalog/src/components/CatalogSearchResultListItem/CatalogSearchResultListItem.tsx @@ -31,7 +31,9 @@ import { HighlightedSearchResultText } from '@backstage/plugin-search-react'; const useStyles = makeStyles( { - item: {}, + item: { + display: 'flex', + }, flexContainer: { flexWrap: 'wrap', },