update ui

src/components/StockTakeManagement/ApproverStockTakeAll.tsx

@@ -1272,7 +1272,17 @@ const ApproverStockTakeAll: React.FC<ApproverStockTakeAllProps> = ({
         align: "center",
         headerAlign: "center",
         renderCell: (params) => (
-          <Typography variant="body2" sx={{ width: "100%", textAlign: "center" }}>
+          <Typography
+            component="div"
+            sx={{
+              width: "100%",
+              textAlign: "center",
+              fontWeight: 800,
+              fontSize: "1.15rem",
+              lineHeight: 1.3,
+              color: "text.primary",
+            }}
+          >
             {params.row.uom || "-"}
           </Typography>
         ),
@@ -2194,13 +2204,7 @@ const ApproverStockTakeAll: React.FC<ApproverStockTakeAllProps> = ({
                   ? ` · ${t("Stock Take Section code")}: ${group.sectionLabels.join(", ")}`
                   : ""}
               </Typography>
-              <Box
-                sx={{
-                  width: "100%",
-                  minHeight: 120,
-                  height: Math.min(700, 72 + group.items.length * 110),
-                }}
-              >
+              <Box sx={{ width: "100%", minHeight: 120 }}>
                 <StyledDataGrid
                   rows={group.items}
                   columns={columns}
@@ -2208,6 +2212,7 @@ const ApproverStockTakeAll: React.FC<ApproverStockTakeAllProps> = ({
                   loading={loadingDetails}
                   disableRowSelectionOnClick
                   hideFooter
+                  autoHeight
                   getRowHeight={() => "auto"}
                   sx={{
                     backgroundColor: "transparent",