Looking for a well-structured formatted JSON, but all I get is confusion and this strange image: https://i.sstatic.net/6mvBu.png
Does anyone have any insights on what might be causing the issue?
HTML
<span style="font-weight: 500;">Payload Data: </span>
<pre><code>{{data.payloadData | json}}</code></pre>
SCSS
pre {
background: #f4f4f4;
border: 1px solid #ddd;
border-left: 3px solid #f36d33;
color: #666;
page-break-inside: avoid;
font-family: monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1em 1.5em;
display: block;
word-wrap: break-word;
font-weight: 150;
color: #e53935;
}