fix(components): fix unit text wrap-issue (#16943)

* fix(components): fix unit text wrap-issue
Opentrons · Nov 21, 2024 · eff74bc · eff74bc
1 parent f764319
commit eff74bc
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/src/atoms/InputField/index.tsx b/components/src/atoms/InputField/index.tsx
@@ -232,13 +232,13 @@ export const InputField = React.forwardRef<HTMLInputElement, InputFieldProps>(
       color: ${props.disabled ? COLORS.grey40 : COLORS.grey50};
       font: ${TYPOGRAPHY.bodyTextRegular};
       text-align: ${TYPOGRAPHY.textAlignRight};
+      white-space: ${NO_WRAP};
       @media ${RESPONSIVENESS.touchscreenMediaQuerySpecs} {
         color: ${props.disabled ? COLORS.grey40 : COLORS.grey50};
         font-size: ${TYPOGRAPHY.fontSize22};
         font-weight: ${TYPOGRAPHY.fontWeightRegular};
         line-height: ${TYPOGRAPHY.lineHeight28};
         justify-content: ${textAlign};
-        white-space: ${NO_WRAP};
       }
     `