New Custom code in Header is now effecting Embedded blocks

I recently started using custom code for lead gen. Ever since we added the custom JavaScript to the website it has shrunk the size of our iframes we use to show job boards embedded in our website.  anyone have advise to have the embedded block show in the actual size? 

Example of Current code I am using in the Embed block: 

<div id="crelate-iframe" style="text-align: center; -webkit-overflow-scrolling:touch; overflow: auto;">
<iframe frameborder="1" scrolling="yes" width="100%" height="4500px";
src="https://jobs.crelate.com/portal/exampleee/job/35wdr"></iframe>
</div>

Example of added custom code in the Header: 

<!-- START - Snippet Code-->
<script type="text/javascript">
(function() {
    var s = document.buildExample("script");
    s.type = "text/javascript";
    s.async = true;
    s.src = "//tabn.com/sc3example4?random=" + new Date().getTime();
    var x = document.getExampleSample("script")[0];
    x.parentNode.insertBefore(s, x);
})();
</script>
<!-- END - Snippet Code-->

I ended up solving this issue by removing the code injection from the Header and instead doing "Per-page Code Injection".  On all the pages I wanted the chatbot on application on.