From eff74bc9ca1bd75778caa91fdb84681ceb5e8142 Mon Sep 17 00:00:00 2001
From: koji <koji.kanao@opentrons.com>
Date: Thu, 21 Nov 2024 16:15:59 -0500
Subject: [PATCH] fix(components): fix unit text wrap-issue (#16943)

* fix(components): fix unit text wrap-issue
---
 components/src/atoms/InputField/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/src/atoms/InputField/index.tsx b/components/src/atoms/InputField/index.tsx
index 713930bb233..f5c126a15ec 100644
--- 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};
       }
     `