Studio, explorer, sandbox shows codeblock as just plain text

in schema file I create

"""

## example input

 

\`\`\`graphql
{
    "input": {
        "id": "6a856739152370a78fa78029",
        "status": "INACTIVE"
    }
} 
\`\`\`
 
 

"""
input LessonUpdateInput {
    ...schema
}

but actually in browser - apollostudio sandbox shows stripped pretty break line.

input: LessonUpdateInput!

Metadata for LessonUpdateInput Type
## to inactive
 

{ "input": { "id": "6a856739152370a78fa78029", "status": "INACTIVE" } } 

and html source shows

<div>## to inactive<p>&nbsp;</p>{
    "input": {
        "id": "6a856739152370a78fa78029",
        "status": "INACTIVE"
    }
} 
 
<p>&nbsp;</p></div>

as you can see, code text not wrapped in <pre> <code> block.

What can I do to fix it.
please recommend some configs, version, schema, tool, anything what should I see.
Thx in advance.