From 2aaca9d37b74456405c3eea45a37899af7ea52eb Mon Sep 17 00:00:00 2001
From: "kelvin.yau" <kelvin.yau@2fi-solutions.com.hk>
Date: Sat, 13 Jun 2026 01:57:37 +0800
Subject: [PATCH] no message

---
 .../DoSearch/ReplenishmentFilterField.tsx     | 25 ++++++++++---------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/DoSearch/ReplenishmentFilterField.tsx b/src/components/DoSearch/ReplenishmentFilterField.tsx
index 2661851..2173010 100644
--- a/src/components/DoSearch/ReplenishmentFilterField.tsx
+++ b/src/components/DoSearch/ReplenishmentFilterField.tsx
@@ -222,10 +222,7 @@ export function ReplenishmentTextField(props: ReplenishmentTextFieldProps) {
       size="small"
       fullWidth
       variant="filled"
-      sx={(theme) => ({
-        ...REPLENISHMENT_TEXTFIELD_SX(theme),
-        ...(typeof sx === "function" ? sx(theme) : sx),
-      })}
+      sx={[REPLENISHMENT_TEXTFIELD_SX, sx] as SxProps<Theme>}
       InputProps={{ disableUnderline: true, ...InputProps }}
       {...rest}
     />
@@ -269,14 +266,18 @@ export function ReplenishmentItemEntryPlainText({
   return (
     <Box
       component="span"
-      sx={(theme) => ({
-        display: "block",
-        color: theme.palette.text.primary,
-        wordBreak: "break-word",
-        minWidth: 0,
-        minHeight: reserveSpace ? theme.spacing(5) : undefined,
-        ...(typeof sx === "function" ? sx(theme) : sx),
-      })}
+      sx={
+        [
+          (theme) => ({
+            display: "block",
+            color: theme.palette.text.primary,
+            wordBreak: "break-word",
+            minWidth: 0,
+            minHeight: reserveSpace ? theme.spacing(5) : undefined,
+          }),
+          sx,
+        ] as SxProps<Theme>
+      }
     >
       {isEmpty ? "\u00A0" : value}
     </Box>