fix: drawer navigation button group label styles (#422)

Author: Fran McDade

src/components/Layout/components/Header/components/Content/components/Actions/components/Menu/components/Content/components/Navigation/navigation.styles.ts

@@ -1,5 +1,6 @@
 import styled from "@emotion/styled";
 import { FONT } from "../../../../../../../../../../../../../../styles/common/constants/font";
+import { PALETTE } from "../../../../../../../../../../../../../../styles/common/constants/palette";
 import { Navigation as DXNavigation } from "../../../../../../../Navigation/navigation";
 
 export const Navigation = styled(DXNavigation)`
@@ -29,5 +30,13 @@ export const DrawerNavigation = styled(Navigation)`
   .MuiButton-nav {
     font: ${FONT.BODY_500};
     padding: 14px 24px;
+
+    &.Mui-disabled {
+      color: ${PALETTE.INK_LIGHT};
+      font: ${FONT.UPPERCASE_500};
+      opacity: 1;
+      padding-top: 20px;
+      text-transform: uppercase;
+    }
   }
 `;