Credential save button restored to modal header
The save button in the credentials modal has been moved back to the header, so users no longer need to scroll to the bottom of a form to save their work.
The credentials modal in n8n's editor had a usability problem. The save button was positioned at the end of the credentials form, which meant users had to scroll through the entire form just to save their changes. This was unintuitive and created unnecessary friction.
The save button has now been restored to the modal header, where it sits alongside other action buttons. The button appears when users are on the connection or sharing tabs and have unsaved changes or are testing credentials. This matches where users expect to find save actions in modal dialogs.
The fix applies to the credential editing interface in n8n's editor frontend. The change also includes CSS cleanup, replacing explicit pixel margins with more flexible gap-based layouts.
View Original GitHub Description
Summary
- Credentials modal save button is currently at the end of the credentials form
- This PR moves it back to the header of the credentials modal
Related Linear tickets, Github issues, and Community forum posts
https://linear.app/n8n/issue/NODE-4827/revert-credentials-modal-save-button-to-modal-header closes #NODE-4827
Review / Merge checklist
- I have seen this code, I have run this code, and I take responsibility for this code.
- PR title and summary are descriptive. (conventions) <!-- **Remember, the title automatically goes into the changelog. Use `(no-changelog)` otherwise.** -->
- Docs updated or follow-up ticket created.
- Tests included. <!-- A bug is not considered fixed, unless a test is added to prevent it from happening again. A feature is not complete without tests. -->
- PR Labeled with
Backport to Beta,Backport to Stable, orBackport to v1(if the PR is an urgent fix that needs to be backported)