From 6933c61388f82505f0a4fd61c1c3e1b5f390cc05 Mon Sep 17 00:00:00 2001
From: Sarah Breen <sarah.breen@opentrons.com>
Date: Tue, 2 Apr 2024 13:12:31 -0400
Subject: [PATCH] fix(app): fix capitalization of ML to uL in instrument cards
 (#14779)

---
 app/src/molecules/InstrumentCard/index.tsx                | 4 +---
 app/src/organisms/Devices/PipetteCard/FlexPipetteCard.tsx | 4 +++-
 app/src/organisms/GripperCard/index.tsx                   | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/src/molecules/InstrumentCard/index.tsx b/app/src/molecules/InstrumentCard/index.tsx
index b0f722b8c5a..365c0a3eea5 100644
--- a/app/src/molecules/InstrumentCard/index.tsx
+++ b/app/src/molecules/InstrumentCard/index.tsx
@@ -111,9 +111,7 @@ export function InstrumentCard(props: InstrumentCardProps): JSX.Element {
         >
           {label}
         </StyledText>
-        <StyledText as="p" textTransform={TYPOGRAPHY.textTransformCapitalize}>
-          {description}
-        </StyledText>
+        <StyledText as="p">{description}</StyledText>
       </Flex>
       {menuOverlayItems != null && (
         <Box
diff --git a/app/src/organisms/Devices/PipetteCard/FlexPipetteCard.tsx b/app/src/organisms/Devices/PipetteCard/FlexPipetteCard.tsx
index 7dca3abc640..698a9fc2e86 100644
--- a/app/src/organisms/Devices/PipetteCard/FlexPipetteCard.tsx
+++ b/app/src/organisms/Devices/PipetteCard/FlexPipetteCard.tsx
@@ -183,7 +183,9 @@ export function FlexPipetteCard({
       subsystemUpdateData == null ? (
         <InstrumentCard
           description={
-            attachedPipette != null ? pipetteDisplayName : t('shared:empty')
+            attachedPipette != null && pipetteDisplayName != null
+              ? pipetteDisplayName
+              : i18n.format(t('shared:empty'), 'capitalize')
           }
           instrumentDiagramProps={{
             pipetteSpecs: pipetteModelSpecs,
diff --git a/app/src/organisms/GripperCard/index.tsx b/app/src/organisms/GripperCard/index.tsx
index 2826eb647a0..dcedcc6ccb4 100644
--- a/app/src/organisms/GripperCard/index.tsx
+++ b/app/src/organisms/GripperCard/index.tsx
@@ -131,7 +131,7 @@ export function GripperCard({
               ? getGripperDisplayName(
                   attachedGripper.instrumentModel as GripperModel
                 )
-              : t('shared:empty')
+              : i18n.format(t('shared:empty'), 'capitalize')
           }
           banner={
             attachedGripper?.ok && !isCalibrated ? (