From 2fd39d6b967ceac05077ec502515c0750d4bdccc Mon Sep 17 00:00:00 2001
From: "PC-20260115JRSN\\Administrator" <vinluk95@gmail.com>
Date: Fri, 18 Sep 2026 10:53:15 +0800
Subject: [PATCH] fixing the input field overlap words problem in stock in po

---
 src/components/PoDetail/PoDetailRow.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/PoDetail/PoDetailRow.tsx b/src/components/PoDetail/PoDetailRow.tsx
index 0118fbb0..5bfdfb3e 100644
--- a/src/components/PoDetail/PoDetailRow.tsx
+++ b/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={{