title: Bootstrap modal too large
body: <p>In my bootstrap modal, the content occupies a small part on the left side. However, the modal extends very much to the right. </p>
  
  <p><a href="https://i.stack.imgur.com/pN09o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pN09o.png" alt="enter image description here"></a></p>
  
  <p>The type of modal I am using:</p>
  
  <pre><code>&lt;div id="newListModal" className="modal fade" role="dialog"&gt;
  //some other code
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I compress it such that it is only as large as the size of its content?</p>