fixing the input field overlap words problem in stock in po

src/components/PoDetail/PoDetailRow.tsx

@@ -329,10 +329,22 @@ export const PoDetailRow = memo(function PoDetailRow({
               onChange={(e) => setDnQtyInput(e.target.value.replace(/[^\d]/g, ""))}
               onBlur={() => onInputBlur(row.id, lotNoInput, dnQtyInput)}
               onClick={(e) => e.stopPropagation()}
-              sx={{ minWidth: 132, width: 148, flexShrink: 0 }}
+              sx={{
+                minWidth: 168,
+                width: 168,
+                flexShrink: 0,
+                "& .MuiInputLabel-root": {
+                  maxWidth: "calc(100% - 44px)",
+                },
+                "& .MuiInputBase-input": {
+                  pr: 0.5,
+                },
+              }}
+              InputLabelProps={{ shrink: true }}
               InputProps={{
+                notched: true,
                 endAdornment: uomShort ? (
-                  <InputAdornment position="end">
+                  <InputAdornment position="end" sx={{ ml: 0.5 }}>
                     <Typography
                       component="span"
                       sx={{