fix(app): correct desktop error recovery header text

Opentrons · Nov 20, 2024 · 3d22cbd · 3d22cbd
1 parent 2f501a6
commit 3d22cbd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/app/src/organisms/ErrorRecoveryFlows/ErrorRecoveryWizard.tsx b/app/src/organisms/ErrorRecoveryFlows/ErrorRecoveryWizard.tsx
@@ -119,10 +119,7 @@ export function ErrorRecoveryComponent(
   const buildTitleHeading = (): JSX.Element => {
     const titleText = hasLaunchedRecovery ? t('recovery_mode') : t('cancel_run')
     return (
-      <StyledText
-        oddStyle="level4HeaderBold"
-        desktopStyle="headingSmallRegular"
-      >
+      <StyledText oddStyle="level4HeaderBold" desktopStyle="bodyLargeSemiBold">
         {titleText}
       </StyledText>
     )

diff --git a/app/src/organisms/ErrorRecoveryFlows/RecoveryTakeover.tsx b/app/src/organisms/ErrorRecoveryFlows/RecoveryTakeover.tsx
@@ -120,9 +120,17 @@ export function RecoveryTakeoverDesktop({
 }: RecoveryTakeoverProps): JSX.Element {
   const { t } = useTranslation('error_recovery')
 
+  const buildTitleHeadingDesktop = (): JSX.Element => {
+    return (
+      <StyledText desktopStyle="bodyLargeSemiBold">
+        {t('error_on_robot', { robot: robotName })}
+      </StyledText>
+    )
+  }
+
   return (
     <RecoveryInterventionModal
-      titleHeading={t('error_on_robot', { robot: robotName })}
+      titleHeading={buildTitleHeadingDesktop()}
       desktopType={'desktop-small'}
       isOnDevice={false}
     >