indentation with highlight.js

I'm having problems with the indentation with highlight.js, the code is being generated by marked.js. Has anyone gone through this or do you know any solutions?

index.html:

<!-- highlight.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/agate.min.css">
<!-- Codigo -->
<!-- Codigo -->
<!-- Codigo -->
<!-- Codigo -->
<script>
   hljs.initHighlightingOnLoad();
   var renderedElem = document.querySelector('.markdown-content');
   var renderedMD = marked(document.querySelector('.markdown-content').innerText);
   renderedElem.innerHTML = renderedMD;
</script>

Entry:

.flow-text {
    letter-spacing: 2px;
    font-weight: 300;
    color: #424242;
    margin-top: 1rem;
    margin-bottom: 2rem
}

In the browser: