fix(app): ensure the odd floating lpc button doesn't clip the table and text doesn't overflow

Author: mjhuff

app/src/organisms/LabwareOffsetsTable/AccordionDetail.tsx

@@ -1,7 +1,13 @@
 import { useTranslation } from 'react-i18next'
 import { css } from 'styled-components'
 
-import { Flex, RESPONSIVENESS, COLORS, BORDERS } from '@opentrons/components'
+import {
+  Flex,
+  RESPONSIVENESS,
+  COLORS,
+  BORDERS,
+  NO_WRAP,
+} from '@opentrons/components'
 
 import { OffsetTag } from '/app/organisms/LabwarePositionCheck'
 import { DeckInfoLabelTextTag } from '/app/molecules/DeckInfoLabelTextTag'
@@ -72,6 +78,7 @@ const deckLabelContainerStyle = (
   background-color: ${COLORS.white};
   border-radius: ${BORDERS.borderRadius4};
   padding-right: ${tagProps.kind === 'vector' ? '' : '2.188rem'};
+  text-wrap: ${NO_WRAP};
 
   @media ${RESPONSIVENESS.touchscreenMediaQuerySpecs} {
     background-color: ${COLORS.grey20};

app/src/organisms/LabwareOffsetsTable/index.tsx

@@ -7,6 +7,8 @@ import {
   ListAccordion,
   StyledText,
   RESPONSIVENESS,
+  Flex,
+  SPACING,
 } from '@opentrons/components'
 
 import { selectAllLabwareInfoAndDefaultStatusSorted } from '/app/redux/protocol-runs'
@@ -36,7 +38,7 @@ export function LabwareOffsetsTable(
   }
 
   return (
-    <>
+    <Flex marginBottom={SPACING.spacing80}>
       <ListTable headers={[t('labware_type'), t('total_offsets')]}>
         {labwareInfo.map(aLwInfo => (
           <ListAccordion
@@ -63,7 +65,7 @@ export function LabwareOffsetsTable(
           </ListAccordion>
         ))}
       </ListTable>
-    </>
+    </Flex>
   )
 }