From 146cf1f0c033aaaf286d1fce3d221a116c4d005a Mon Sep 17 00:00:00 2001
From: koji <koji.kanao@opentrons.com>
Date: Thu, 9 May 2024 17:36:22 -0400
Subject: [PATCH] fix(app): fix font size in lpc table (#15151)

* fix(app): fix font size in lpc table
---
 .../LabwarePositionCheck/ResultsSummary.tsx     | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/src/organisms/LabwarePositionCheck/ResultsSummary.tsx b/app/src/organisms/LabwarePositionCheck/ResultsSummary.tsx
index 0dd1bf38e8a..4bd2db88921 100644
--- a/app/src/organisms/LabwarePositionCheck/ResultsSummary.tsx
+++ b/app/src/organisms/LabwarePositionCheck/ResultsSummary.tsx
@@ -360,7 +360,12 @@ export const TerseOffsetTable = (props: OffsetTableProps): JSX.Element => {
                 ) : null}
               </TerseTableDatum>
               <TerseTableDatum>
-                <StyledText as="p">{labwareDisplayName}</StyledText>
+                <StyledText
+                  fontSize={TYPOGRAPHY.fontSize20}
+                  lineHeight={TYPOGRAPHY.lineHeight24}
+                >
+                  {labwareDisplayName}
+                </StyledText>
               </TerseTableDatum>
               <TerseTableDatum>
                 {isEqual(vector, IDENTITY_VECTOR) ? (
@@ -370,14 +375,20 @@ export const TerseOffsetTable = (props: OffsetTableProps): JSX.Element => {
                     {[vector.x, vector.y, vector.z].map((axis, index) => (
                       <React.Fragment key={index}>
                         <StyledText
-                          as="p"
+                          fontSize={TYPOGRAPHY.fontSize20}
+                          lineHeight={TYPOGRAPHY.lineHeight24}
                           marginLeft={index > 0 ? SPACING.spacing8 : 0}
                           marginRight={SPACING.spacing4}
                           fontWeight={TYPOGRAPHY.fontWeightSemiBold}
                         >
                           {['X', 'Y', 'Z'][index]}
                         </StyledText>
-                        <StyledText as="p">{axis.toFixed(1)}</StyledText>
+                        <StyledText
+                          fontSize={TYPOGRAPHY.fontSize20}
+                          lineHeight={TYPOGRAPHY.lineHeight24}
+                        >
+                          {axis.toFixed(1)}
+                        </StyledText>
                       </React.Fragment>
                     ))}
                   </Flex>