change space between field and text && change type fields

app/component/EditField.js

@@ -49,19 +49,21 @@ function EditField({
               transition: "0.5s all",
             },
           },
+          "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":
+            {
+              display: "none",
+            },
         }}
       />
-      {!type && (
-        <Button
-          className={`!absolute !left-[8px] !-translate-y-1/2 !min-w-fit !p-1
+      <Button
+        className={`!absolute !left-[8px] !-translate-y-1/2 !min-w-fit !p-1
                     ${multiline ? "!top-[24px]" : "!top-1/2"}`}
-          onClick={() => {
-            // changeData(!data.isEdit, "isEdit", name);
-          }}
-        >
-          {icon ? icon : iconGray ? <EditGrayA /> : <EditOrangeA />}
-        </Button>
-      )}
+        onClick={() => {
+          // changeData(!data.isEdit, "isEdit", name);
+        }}
+      >
+        {icon ? icon : iconGray ? <EditGrayA /> : <EditOrangeA />}
+      </Button>
     </div>
   );
 }

app/component/ProfressDetail.js

@@ -4,7 +4,7 @@ import { LinearProgress } from "@mui/material";
 function ProgressDetail({ data }) {
   return (
     <li className="flex items-center justify-start gap-2 w-full">
-      <p className="text-[#525252] text-[14px] font-normal w-[118px]">
+      <p className="text-[#525252] text-[14px] font-normal min-w-[120px] w-[118px]">
         {data.label}
       </p>
       <LinearProgress

app/component/ProgressChange.js

@@ -6,7 +6,7 @@ function ProgressChange({ data }) {
 
   return (
     <li className="flex items-center justify-start gap-3 w-full">
-      <p className="text-[#525252] text-[14px] font-normal w-[118px]">
+      <p className="text-[#525252] text-[14px] font-normal w-[118px] min-w-[120px]">
         {data.label}
       </p>
       <Slider
@@ -32,7 +32,9 @@ function ProgressChange({ data }) {
           },
         }}
       />
-      <p className="text-[#525252] text-[20px] font-medium w-[30px]">{value}</p>
+      <p className="text-[#525252] text-[20px] font-medium w-[30px] min-w-[32px]">
+        {value}
+      </p>
     </li>
   );
 }