aligned text with button

src/components/Offers/Form/form-components/OfferForm.js

@@ -337,7 +337,6 @@ const OfferForm = ({ context, title }) => {
                                             control={control}
                                             errors={errors.requirements || requestErrors.requirements}
                                             disabled={formDisabled}
-                                            textFieldProps={{ multiline: true }}
                                             addEntryBtnTestId="requirements-selector"
                                         />
                                     </Grid>

src/components/utils/form/MultiOptionTextField.js

@@ -6,13 +6,15 @@ import useMultiOptionTextFieldStyle from "./multiOptionTextFieldStyle";
 import PropTypes from "prop-types";
 
 const RemoveLineButton = ({ onClick, items, i }) => {
+    const classes = useMultiOptionTextFieldStyle();
     const disabled = Object.keys(items).length <= 1;
     return (
         <FormControl>
             <span>
                 <IconButton
                     aria-label={`Remove Entry ${i}`}
                     onClick={onClick}
+                    className={classes.buttom}
                     disabled={disabled}
                 >
                     <RemoveCircle />

src/components/utils/form/multiOptionTextFieldStyle.js

@@ -1,6 +1,9 @@
 import { makeStyles } from "@material-ui/styles";
 
 export default makeStyles(() => ({
+    buttom: {
+        bottom: "10px",
+    },
     addEntryBtn: {
         width: "max-content",
     },