Schema visualisation does not render correctly when used at the bottom of the page

[debae]

Summary

Schema visualisation does not render correctly when used at the bottom of the page

Description

Whenever you add the component as last one on the page it does not render correctly. So in the index.md I have the following content :

---
id: xxxxxx
name: xxxxxx
version: 1.0.0
summary: |
  xxxxxx
owners:
    - dbaert
badges:
    - content: ACE
      backgroundColor: blue
      textColor: blue
schemaPath: 'schema.avro'
---

### Details
...

<NodeGraph title="Consumer / Producer Diagram" />

<Schema file="schema.avro" />

This will render like this :

instead of

[andy-g]

I noticed this if it didn't have a preceding payload code block.

Using the example OrderConfirmed event, as soon as I remove the code block and save it, the schema rendering breaks.

With Code Block:

Once Code block is removed: