diff --git a/src/components/Offers/Form/form-components/OfferForm.js b/src/components/Offers/Form/form-components/OfferForm.js index c2400ba4..6d8ed557 100644 --- a/src/components/Offers/Form/form-components/OfferForm.js +++ b/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" /> diff --git a/src/components/utils/form/MultiOptionTextField.js b/src/components/utils/form/MultiOptionTextField.js index d955b7b5..5244a768 100644 --- a/src/components/utils/form/MultiOptionTextField.js +++ b/src/components/utils/form/MultiOptionTextField.js @@ -6,6 +6,7 @@ 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 ( @@ -13,6 +14,7 @@ const RemoveLineButton = ({ onClick, items, i }) => { diff --git a/src/components/utils/form/multiOptionTextFieldStyle.js b/src/components/utils/form/multiOptionTextFieldStyle.js index 5991097e..d313754d 100644 --- a/src/components/utils/form/multiOptionTextFieldStyle.js +++ b/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", },