From b2e182cdfa4f352d6d6907bff359854db7f8a95d Mon Sep 17 00:00:00 2001
From: Sudeep Sinha <ssinha@squarespace.com>
Date: Wed, 8 Mar 2023 13:54:24 -0500
Subject: [PATCH] Fix font size and color in search result item

Signed-off-by: Sudeep Sinha <ssinha@squarespace.com>
---
 .changeset/many-eggs-press.md                               | 6 ++++++
 .../DefaultResultListItem/DefaultResultListItem.tsx         | 2 ++
 .../src/search/components/TechDocsSearchResultListItem.tsx  | 2 ++
 3 files changed, 10 insertions(+)
 create mode 100644 .changeset/many-eggs-press.md

diff --git a/.changeset/many-eggs-press.md b/.changeset/many-eggs-press.md
new file mode 100644
index 0000000000..551cf9e759
--- /dev/null
+++ b/.changeset/many-eggs-press.md
@@ -0,0 +1,6 @@
+---
+'@backstage/plugin-search-react': patch
+'@backstage/plugin-techdocs': patch
+---
+
+Fixes a UI bug in search result item which rendered the item text with incorrect font size and color
diff --git a/plugins/search-react/src/components/DefaultResultListItem/DefaultResultListItem.tsx b/plugins/search-react/src/components/DefaultResultListItem/DefaultResultListItem.tsx
index cf89b6a9cd..0d2c59e173 100644
--- a/plugins/search-react/src/components/DefaultResultListItem/DefaultResultListItem.tsx
+++ b/plugins/search-react/src/components/DefaultResultListItem/DefaultResultListItem.tsx
@@ -81,6 +81,8 @@ export const DefaultResultListItemComponent = ({
               WebkitLineClamp: lineClamp,
               overflow: 'hidden',
             }}
+            color="textSecondary"
+            variant="body2"
           >
             {highlight?.fields.text ? (
               <HighlightedSearchResultText
diff --git a/plugins/techdocs/src/search/components/TechDocsSearchResultListItem.tsx b/plugins/techdocs/src/search/components/TechDocsSearchResultListItem.tsx
index 3c0d2314e2..eae4ee7ce9 100644
--- a/plugins/techdocs/src/search/components/TechDocsSearchResultListItem.tsx
+++ b/plugins/techdocs/src/search/components/TechDocsSearchResultListItem.tsx
@@ -132,6 +132,8 @@ export const TechDocsSearchResultListItem = (
               WebkitLineClamp: lineClamp,
               overflow: 'hidden',
             }}
+            color="textSecondary"
+            variant="body2"
           >
             {highlight?.fields.text ? (
               <HighlightedSearchResultText