fix(protocol-designer): fix protocol description text wrap issue in o…

…verview page (#16806) * fix(protocol-designer): fix protocol description text wrap issue in overview page
Opentrons · Nov 14, 2024 · 3dfbca0 · 3dfbca0
1 parent e569ab4
commit 3dfbca0
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/protocol-designer/src/pages/ProtocolOverview/ProtocolMetadata.tsx b/protocol-designer/src/pages/ProtocolOverview/ProtocolMetadata.tsx
@@ -12,7 +12,7 @@ import {
   TYPOGRAPHY,
 } from '@opentrons/components'
 
-import { BUTTON_LINK_STYLE } from '../../atoms'
+import { BUTTON_LINK_STYLE, LINE_CLAMP_TEXT_STYLE } from '../../atoms'
 
 const REQUIRED_APP_VERSION = '8.2.0'
 
@@ -74,7 +74,10 @@ export function ProtocolMetadata({
                   </Flex>
                 }
                 content={
-                  <StyledText desktopStyle="bodyDefaultRegular">
+                  <StyledText
+                    desktopStyle="bodyDefaultRegular"
+                    css={LINE_CLAMP_TEXT_STYLE(2)}
+                  >
                     {value ?? t('na')}
                   </StyledText>
                 }