Problem

• When the JSON is long, the Error details modal becomes too tall and the Back button can move off-screen.
• The whole modal scrolls instead of just the JSON content.
• The spacing between the header and the code editor isn’t controlled explicitly.

What to change

1. Header → editor spacing

• • Add a fixed padding/margin above the code editor of 16px (or the equivalent LeafyGreen spacing token, e.g. spacing[400]).
  • This spacing applies only to this Error details modal, not globally to all modals.

1. Modal height

• • Set one max-height on the modal (e.g. max-height: 90vh) so the modal always fits in the viewport and the Back button remains visible.
  • Do not add another max-height deeper inside the modal that could create nested scrollbars.

1. Scrollable editor

• • Make the JSON/code area scroll internally when content is long.
  • The modal itself should stay at its max height; only the JSON area scrolls.

Scope 

• Make a minimal, local change to the existing Error details modal implementation.
• Do not:
  • Create new modal components, providers, or global state.
  • Refactor other modals or shared modal infrastructure.
• Prefer updating the existing code that renders this Error details modal and its content.