Hi,

What you're seeing (the bottom-right box with the X) is a "toast notification" style that Helix Ultimate uses to display system messages, rather than the older inline message block. It's positioned using a fixed container so it floats over the page instead of sitting inline with your form.

You can absolutely reposition it — no core file changes needed. Just add a bit of custom CSS through Template Manager → your Helix Ultimate style → Custom CSS/JS tab (this way it survives future template updates):

To move the toast to a different spot on screen (e.g. top-center instead of bottom-right):

#system-message-container {
    position: fixed;
    top: 20px;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translateX(-50%);
    max-width: 400px;
}

To make it appear inline near your form instead of floating (sounds like what you actually want):

#system-message-container {
    position: static;
    max-width: 100%;
    z-index: auto;
}

Switching it from fixed to static/relative drops it back into the normal page flow, so it renders right where the framework places it in the markup — typically just above your form/component area.

Could you open your browser's dev tools on that page and confirm the exact ID/class wrapping the message box? Depending on your Helix Ultimate version it's usually #system-message-container, but if it's named slightly differently we'll need to adjust the selector above to match. If after switching to static it's still not landing next to the form, that would mean JS is physically moving the element elsewhere in the DOM — in that case let us know and we'll point you to the right place to adjust that behavior.

Let us know how it goes!

Thanks