From 8e82f7bed1cae87d8f8029cf7eb71d24127d4c77 Mon Sep 17 00:00:00 2001
From: Seth Foster <seth@opentrons.com>
Date: Fri, 21 Jun 2024 13:46:23 -0400
Subject: [PATCH] refactor: use helix typography

---
 .../InterventionModal/ModalContentMixed.tsx         | 13 +++++++++++--
 app/src/molecules/InterventionModal/index.tsx       |  7 ++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/app/src/molecules/InterventionModal/ModalContentMixed.tsx b/app/src/molecules/InterventionModal/ModalContentMixed.tsx
index c2c0c3238f1..bbc014f55f4 100644
--- a/app/src/molecules/InterventionModal/ModalContentMixed.tsx
+++ b/app/src/molecules/InterventionModal/ModalContentMixed.tsx
@@ -86,10 +86,19 @@ export function ModalContentMixed(props: ModalContentMixedProps): JSX.Element {
         `}
       >
         {props.headline != null ? (
-          <StyledText as="h3Bold">{props.headline}</StyledText>
+          <StyledText
+            oddStyle="level3HeaderBold"
+            desktopStyle="headingSmallBold"
+          >
+            {props.headline}
+          </StyledText>
         ) : null}
         {props.subText != null ? (
-          <StyledText as="h4" color={COLORS.grey60}>
+          <StyledText
+            oddStyle="level4HeaderRegular"
+            desktopStyle="bodyDefaultRegular"
+            color={COLORS.grey60}
+          >
             {props.subText}
           </StyledText>
         ) : null}
diff --git a/app/src/molecules/InterventionModal/index.tsx b/app/src/molecules/InterventionModal/index.tsx
index 18ac756f3c7..90eabb838f5 100644
--- a/app/src/molecules/InterventionModal/index.tsx
+++ b/app/src/molecules/InterventionModal/index.tsx
@@ -24,7 +24,12 @@ import { ModalContentOneColSimpleButtons } from './ModalContentOneColSimpleButto
 import { TwoColumn } from './TwoColumn'
 import { OneColumn } from './OneColumn'
 import { ModalContentMixed } from './ModalContentMixed'
-export { ModalContentOneColSimpleButtons, TwoColumn, OneColumn, ModalContentMixed }
+export {
+  ModalContentOneColSimpleButtons,
+  TwoColumn,
+  OneColumn,
+  ModalContentMixed,
+}
 
 export type ModalType = 'intervention-required' | 'error'