From 0a59250f5be54b61bf3206fc4ebd79171bcb4037 Mon Sep 17 00:00:00 2001
From: sandra-greenhalgh <sandra.greenhalgh@justeattakeaway.com>
Date: Thu, 31 Mar 2022 17:04:09 +0100
Subject: [PATCH] Add name for BackstageTab styles

Signed-off-by: sandra-greenhalgh <sandra.greenhalgh@justeattakeaway.com>
---
 .../src/components/Tabs/Tab.tsx               | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/packages/core-components/src/components/Tabs/Tab.tsx b/packages/core-components/src/components/Tabs/Tab.tsx
index 571640d970..4420ac2925 100644
--- a/packages/core-components/src/components/Tabs/Tab.tsx
+++ b/packages/core-components/src/components/Tabs/Tab.tsx
@@ -37,24 +37,27 @@ const tabMarginLeft = (isFirstNav: boolean, isFirstIndex: boolean) => {
   return '40px';
 };
 
-const useStyles = makeStyles<BackstageTheme, StyledTabProps>(theme => ({
-  root: {
-    textTransform: 'none',
-    height: '64px',
-    fontWeight: theme.typography.fontWeightBold,
-    fontSize: theme.typography.pxToRem(13),
-    color: theme.palette.textSubtle,
-    marginLeft: props =>
-      tabMarginLeft(props.isFirstNav as boolean, props.isFirstIndex as boolean),
-    width: '130px',
-    minWidth: '130px',
-    '&:hover': {
-      outline: 'none',
-      backgroundColor: 'transparent',
+const useStyles = makeStyles<BackstageTheme, StyledTabProps>(
+  theme => ({
+    root: {
+      textTransform: 'none',
+      height: '64px',
+      fontWeight: theme.typography.fontWeightBold,
+      fontSize: theme.typography.pxToRem(13),
       color: theme.palette.textSubtle,
+      marginLeft: props =>
+        tabMarginLeft(props.isFirstNav as boolean, props.isFirstIndex as boolean),
+      width: '130px',
+      minWidth: '130px',
+      '&:hover': {
+        outline: 'none',
+        backgroundColor: 'transparent',
+        color: theme.palette.textSubtle,
+      },
     },
-  },
-}));
+  }),
+  { name: 'BackstageTab' },
+);
 
 export const StyledTab = (props: StyledTabProps) => {
   const classes = useStyles(props);