How do i set width for the codebox (PrismJS)

Question

So i am basically trying to set width for the codebox (i am using prismJS), when i add too big of a code it breaks everything and the width and height get increased. I want the width and height to be specified so if the code is too long it just adds a scrollbar.

This is how big i want the codebox to be: pic

<div class="container">
    <div class="post-header">SOME HEADER</div>
  
    <div class="post-content">
  
      <p> <pre><code class="language-js">
        
      </code></pre>
        <p>
        
  
    <img class="image-content">
    <div class="post-content">
      
    </div>
  </div>

Answer 1

You need to add a CSS property to your code box

overflow: scroll;

Answer 2

added<div style="height:200px;width:800px;overflow:auto"> next to pre tag, that seems to have fixed the issue.