message: fix(app): pD protocol thermocycler profile steps readability
  closes
diff: import * as React from 'react'
  import { useTranslation } from 'react-i18next'
  -import { Flex, ALIGN_CENTER, SPACING, TYPOGRAPHY } from '@opentrons/components'
  +import {
  + Flex,
  + ALIGN_CENTER,
  + SPACING,
  + TYPOGRAPHY,
  + DIRECTION_COLUMN,
  +} from '@opentrons/components'
  import { getLabwareDisplayName } from '@opentrons/shared-data'
  import { StyledText } from '../../../atoms/text'
  import { getLabwareLocation } from '../ProtocolRun/utils/getLabwareLocation'
  @@ -186,18 +192,20 @@ export function StepText(props: Props): JSX.Element | null {
  t('tc_run_profile_steps', { celsius: celsius, seconds: holdSeconds })
  )
  messageNode = (
  - <Flex>
  - <StyledText>
  + <Flex flexDirection={DIRECTION_COLUMN}>
  + <StyledText marginBottom={SPACING.spacing2}>
  {t('tc_starting_profile', {
  repetitions: Object.keys(steps).length,
  })}
  </StyledText>
  + <Flex marginLeft={SPACING.spacing4}>
  <ul>
  {steps.map((step: string, index: number) => (
  <li key={index}> {step}</li>
  ))}
  </ul>
  </Flex>
  + </Flex>
  )
  break
  }
  