N8n node layout bug

Describe the problem/error/question

HOW DO I FIX THIS BUG, IT’S SOOO ANNOYING

What is the error message (if any)?

Information on your n8n setup

  • n8n version: 2.22.4
  • Database (default: SQLite): postgresql
  • n8n EXECUTIONS_PROCESS setting (default: own, main):
  • Running n8n via (Docker, npm, n8n cloud, desktop app): n8n cloud
  • Operating system: windows

@Hadiluno not a bug — ur canvas is just zoomed all the way in. press the 1 key (fit to view) or ctrl + scroll wheel down to zoom out. nodes will pop back to normal size.

ur AI Agent has a real error showing in the corner (“Model output doesn’t fit required format”). thats from the Structured Output Parser when the model returns something off-schema, change the output parser so it autofixes like below:

Hello @Hadiluno,

  1. To fix the display bug: Simply reset your browser’s zoom using Ctrl + 0

  2. To fix the “Model output doesn’t fit required format” error: Your AI Agent node is stopping because the Require Specific Output Format option is enabled, but the Gemini model failed to return JSON that matches the expected structure exactly.

  • Step A: Strengthen your prompt by adding this instruction at the very end of your System Message:

    “You must respond in the expected JSON format. Don’t include any introductory or concluding text. Don’t use Markdown code tags (like json ...) to wrap your response.”

  • Step B: In your Structured Output Parser node, choose the Generate from JSON Example option and paste a simple example like this one to enforce the structure:

    {
    “email_sent”: true,
    “status”: “success”,
    “reason”: “The email was sent successfully.”
    }

More robust alternative: If the error persists, disable the Require Specific Output Format option. Let the AI respond in plain text, then add a Code node (JavaScript) right after your agent to extract and parse the JSON properly:

const rawText = $input.first().json.output;
// Extracts only the JSON { … } part from the text
const jsonMatch = rawText.match(/{[\s\S]*}/);
if (jsonMatch) {
return [{ json: JSON.parse(jsonMatch[0]) }];
}
return [{ json: { error: “JSON format not detected” } }];

If this resolves your issue, feel free to mark this response as Solution

My canvas and a coworker canvas was showing the same error. He was able to just refresh the page but mine isn’t back. This isn’t a “zoom” error, the node window isn’t opening properly.

hi @paulo.c, good morning!

your image shows the error below. to help better, could you please send the json?
image

Hi Tamy. The image isn’t mine, it’s OP’s.
I don’t think he is complaining about this “output parser” error, he is complaining about the node window layout error. When you open any node, the window is squeezed or compressed. You can see in the example that his node window is comprising the “input”, “parameters” and “output” tabs, but the full window goes all the way to the right side. And because it’s compressed, it’s showing his flow as a “background”.
To fix this, I had to clear cache and my node window started working properly again.