diff --git a/packages/patternfly-4/react-docs/src/components/navigation/navigationItem.styles.js b/packages/patternfly-4/react-docs/src/components/navigation/navigationItem.styles.js
index 81fdea74b6b..cd3ab3d3c28 100644
--- a/packages/patternfly-4/react-docs/src/components/navigation/navigationItem.styles.js
+++ b/packages/patternfly-4/react-docs/src/components/navigation/navigationItem.styles.js
@@ -6,8 +6,8 @@ import {
   global_spacer_3xl as spacer3Xl,
   global_Color_dark_100 as itemColor,
   global_BackgroundColor_300 as bgColorHover,
-  global_BackgroundColor_200,
-  global_FontSize_xs,
+  global_BackgroundColor_200 as bgColorHover2,
+  global_FontSize_xs as fontSizeXs,
   global_BorderRadius_lg as borderRadiusLg
 } from '@patternfly/react-tokens';
 
@@ -31,10 +31,10 @@ export default StyleSheet.create({
     color: itemColor.var,
     textDecoration: 'none',
     ':hover': {
-      backgroundColor: global_BackgroundColor_200.var,
+      backgroundColor: bgColorHover2.var,
       textDecoration: 'none'
     },
-    fontSize: global_FontSize_xs.var
+    fontSize: fontSizeXs.var
   },
   active: {
     backgroundColor: bgColorHover.var
@@ -44,7 +44,7 @@ export default StyleSheet.create({
     float: right;
     margin-top: -25px;
     margin-right: 10px;
-    font-size: ${global_FontSize_xs.var};
+    font-size: ${fontSizeXs.var};
     padding: 0 ${spacerSm.var};
     border-radius: ${borderRadiusLg.var};
   `
diff --git a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledTheme.js b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledTheme.js
index 365768bf5b5..42255ffacfd 100644
--- a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledTheme.js
+++ b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledTheme.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ThemeProvider } from 'emotion-theming';