fix: inline styles

chanzuckerberg · Jul 21, 2022 · a3a0f6a · a3a0f6a
1 parent c45076d
commit a3a0f6a
Showing 1 changed file with 4 additions and 16 deletions.
diff --git a/.storybook/pages/ProjectOverview/ProjectOverview.tsx b/.storybook/pages/ProjectOverview/ProjectOverview.tsx
@@ -42,27 +42,15 @@ export const ProjectOverview = () => {
             description={
               <Text
                 as="p"
-                style={{
-                  fontSize: '12px',
-                  fontWeight: '500',
-                  lineHeight: '15.996px',
-                  color: 'rgb(93,99,105',
-                }}
+                className="u-theme-typography-body-text-xs-bold"
+                variant="neutral"
               >
                 Estimated schedule: Days 4,5,6
               </Text>
             }
             kicker={
-              <Text
-                as="p"
-                style={{
-                  fontSize: '12px',
-                  fontWeight: '500',
-                  lineHeight: '15.9996px',
-                  color: 'rgb(56, 60, 67)',
-                }}
-              >
-                OVERVIEW
+              <Text as="p" size="overline">
+                Overview
               </Text>
             }
             title="What is this Project About?"