diff --git a/frontend/src/utils/form/datepicker.js b/frontend/src/utils/form/datepicker.js
index 932d3b515..9ab2607a2 100644
--- a/frontend/src/utils/form/datepicker.js
+++ b/frontend/src/utils/form/datepicker.js
@@ -140,8 +140,8 @@ export class Datepicker {
     // initialize tail.datetime (datepicker) instance
     this.datepickerInstance = datetime(this._element, { ...datepickerGlobalConfig, ...datepickerConfig });
 
-    // append the datepicker element (dt) to the form
-    this._element.form.appendChild(this.datepickerInstance.dt);
+    // insert the datepicker element (dt) after the form
+    this._element.form.parentNode.insertBefore(this.datepickerInstance.dt, this._element.form.nextSibling);
 
     // if the input element is in any open modal, increase the z-index of the datepicker and set its position to fixed to avoid repositioning on page scroll
     // FIXME: instead of setting the position to fixed, use absolute and reposition (decrease left)