From a3a0f6a6e8f2f697c3adb3937d4f8345fd3586e2 Mon Sep 17 00:00:00 2001
From: ifrost1 <ifrost@contractor.chanzuckerberg.com>
Date: Thu, 21 Jul 2022 18:35:30 -0400
Subject: [PATCH] fix: inline styles

---
 .../pages/ProjectOverview/ProjectOverview.tsx | 20 ++++---------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/.storybook/pages/ProjectOverview/ProjectOverview.tsx b/.storybook/pages/ProjectOverview/ProjectOverview.tsx
index 771d6bc61..8b35d0f6b 100644
--- 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?"