From 78c2cdf02def5a80589be19c7d6a0819947195f3 Mon Sep 17 00:00:00 2001
From: nikolar <reyna.nikolayev@autodesk.com>
Date: Mon, 30 Oct 2023 19:10:57 -0700
Subject: [PATCH] add name BackstageFeaturedDocs to styles

Signed-off-by: nikolar <reyna.nikolayev@autodesk.com>
---
 .../FeaturedDocs/FeaturedDocs.tsx             | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/plugins/home/src/homePageComponents/FeaturedDocs/FeaturedDocs.tsx b/plugins/home/src/homePageComponents/FeaturedDocs/FeaturedDocs.tsx
index 656c7acc82..74cc3934b5 100644
--- a/plugins/home/src/homePageComponents/FeaturedDocs/FeaturedDocs.tsx
+++ b/plugins/home/src/homePageComponents/FeaturedDocs/FeaturedDocs.tsx
@@ -55,24 +55,27 @@ export type FeaturedDocsProps = {
   title?: React.ReactNode | string;
 };
 
-const useStyles = makeStyles<Theme>(theme => ({
-  docDescription: {
-    fontSize: theme.typography.body1.fontSize,
-    fontWeight: theme.typography.body1.fontWeight,
-    marginBottom: theme.spacing(2),
-    marginTop: theme.spacing(2),
-  },
-  docSubLink: {
-    fontSize: theme.typography.subtitle1.fontSize,
-    fontWeight: theme.typography.subtitle1.fontWeight,
-    lineHeight: theme.typography.subtitle1.lineHeight,
-  },
-  docsTitleLink: {
-    fontSize: theme.typography.h6.fontSize,
-    fontWeight: theme.typography.h6.fontWeight,
-    lineHeight: theme.typography.h6.lineHeight,
-  },
-}));
+const useStyles = makeStyles<Theme>(
+  theme => ({
+    docDescription: {
+      fontSize: theme.typography.body1.fontSize,
+      fontWeight: theme.typography.body1.fontWeight,
+      marginBottom: theme.spacing(2),
+      marginTop: theme.spacing(2),
+    },
+    docSubLink: {
+      fontSize: theme.typography.subtitle1.fontSize,
+      fontWeight: theme.typography.subtitle1.fontWeight,
+      lineHeight: theme.typography.subtitle1.lineHeight,
+    },
+    docsTitleLink: {
+      fontSize: theme.typography.h6.fontSize,
+      fontWeight: theme.typography.h6.fontWeight,
+      lineHeight: theme.typography.h6.lineHeight,
+    },
+  }),
+  { name: 'BackstageFeaturedDocs' },
+);
 
 /**
  * A component to display specific Featured Docs.