ioUpdated

src/Components/CustomAlertDialog.jsx

@@ -16,7 +16,7 @@ const CustomAlertDialog = ({ isOpen, onOpen, onClose, alertHandler, isLoading, m
 
       <AlertDialogContent w={400}>
         <AlertDialogCloseButton className="web-text-xsmall link" />
-        <AlertDialogBody className="text-center web-text-large fw-bold" pt={8}>
+        <AlertDialogBody className="text-center web-text-large fw-bold" pt={10}>
           {message}
         </AlertDialogBody>
         <AlertDialogFooter display={"flex"} justifyContent={"center"}>

src/Components/FormInputMain.jsx

@@ -10,6 +10,8 @@ const FormInputMain = ({
   errors,
   onSubmit,
   children, 
+  p,
+  w
 }) => {
   return (
     <form onSubmit={onSubmit}>
@@ -22,7 +24,7 @@ const FormInputMain = ({
           <Box display={"flex"} gap={0}>
             <Box
               width={"100%"}
-              p={5}
+              p={p?p:5}
               display={"flex"}
               flexWrap={"wrap"}
               gap={4}
@@ -81,10 +83,10 @@ const FormInputMain = ({
       {children}
       
       <Box display={'flex'} justifyContent={'end'} mb={5}>
-        <Box display={"flex"} justifyContent={"space-around"} p={4} w={'49%'}>
+        <Box display={"flex"} justifyContent={"space-around"} p={2} w={'49%'} gap={4}>
           <Button
             size={"sm"}
-            width={"44.5%"}
+            width={w?w:"44.5%"}
             rounded={"sm"}
             type="submit"
             colorScheme='gray'
@@ -93,7 +95,7 @@ const FormInputMain = ({
           </Button>
           <Button
             size={"sm"}
-            width={"44.5%"}
+            width={w?w:"44.5%"}
             rounded={"sm"}
             type="submit"
             colorScheme="green"