Fix PropsVariationSection

RocketChat · Apr 20, 2020 · fdac874 · fdac874
1 parent 0811568
commit fdac874
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/fuselage/.storybook/helpers.js b/packages/fuselage/.storybook/helpers.js
@@ -8,13 +8,13 @@ export function PropsVariationSection({ component: Component, common = {}, xAxis
       <Box is='tr'>
         <Box is='th' />
         {Object.keys(xAxis).map((xVariation, key) =>
-          <Box key={key} is='th' textColor='hint' textStyle='caption'>{xVariation}</Box>)}
+          <Box key={key} is='th' textColor='hint' textStyle='c1'>{xVariation}</Box>)}
       </Box>
     </Box>
     <Box is='tbody'>
       {Object.entries(yAxis).map(([yVariation, yProps], y) => (
         <Box key={y} is='tr'>
-          <Box is='th' textColor='hint' textStyle='caption'>{yVariation}</Box>
+          <Box is='th' textColor='hint' textStyle='c1'>{yVariation}</Box>
           {Object.values(xAxis).map((xProps, x) => <Box key={x} is='td' style={{ margin: 0, padding: '0.5rem 1rem' }}>
             <Box style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
               <Component {...common} {...xProps} {...yProps} />