diff --git a/ui/src/app/form/component/AddButton.js b/ui/src/app/form/component/AddButton.js
index c5bb7714e..62b2ef975 100644
--- a/ui/src/app/form/component/AddButton.js
+++ b/ui/src/app/form/component/AddButton.js
@@ -6,9 +6,11 @@ import Button from "react-bootstrap/Button";
 import Translate from "../../i18n/components/translate";
 
 const AddButton = ({className, ...props}) => (
+    <>
     <Button {...props} variant="success" className={`array-add-button ${ className }`} size="sm">
         <Translate value="action.add" />&nbsp; 
         <FontAwesomeIcon icon={faPlus} />
     </Button>
+    </>
 );
 export default AddButton;
\ No newline at end of file
diff --git a/ui/src/app/form/component/fields/StringListWithDefaultField.js b/ui/src/app/form/component/fields/StringListWithDefaultField.js
index 4457dba44..0c62998e7 100644
--- a/ui/src/app/form/component/fields/StringListWithDefaultField.js
+++ b/ui/src/app/form/component/fields/StringListWithDefaultField.js
@@ -105,6 +105,7 @@ const StringListWithDefaultField = ({
                                 required={props.required}
                             />}
                             <AddButton
+                                id={`array-field-addbtn-${props.idSchema.$id}`}
                                 className="array-item-add mx-2"
                                 onClick={onAdd}
                                 disabled={props.disabled || props.readonly}
diff --git a/ui/src/app/form/component/templates/ArrayFieldTemplate.js b/ui/src/app/form/component/templates/ArrayFieldTemplate.js
index 947dcebfc..19a5609c5 100644
--- a/ui/src/app/form/component/templates/ArrayFieldTemplate.js
+++ b/ui/src/app/form/component/templates/ArrayFieldTemplate.js
@@ -220,8 +220,10 @@ const DefaultFixedArrayFieldTemplate = (props) => {
                     title={props.uiSchema["ui:title"] || props.title}
                     required={props.required}
                 />
+                hi there
                 {props.canAdd && (
                     <AddButton
+                        id={`array-field-addbtn-${props.idSchema.$id}`}
                         className="array-item-add"
                         onClick={props.onAddClick}
                         disabled={props.disabled || props.readonly}
@@ -266,6 +268,7 @@ const DefaultNormalArrayFieldTemplate = (props) => {
                     />}
                     {props.canAdd && (
                         <AddButton
+                            id={`array-field-addbtn-${props.idSchema.$id}`}
                             className="array-item-add mx-2"
                             onClick={props.onAddClick}
                             disabled={props.disabled || props.readonly}