title: unable to set width of a reactjs popup
body: <p>I am using <code>reactjs-popup</code> and it displays its content. But I am unable to set its width. It is not taking effect for some reason. What am I doing wrong?</p>
  
  <p>I have tried <code>width:'50%'</code> and <code>width:'50px'</code>. But it always displays the popup in a very wide huge rectangle. If I resize the whole browser only then the popup reduces in size.</p>
  
  <pre><code>&lt;Popup  style={{width:'50%'}}
        open={true}
        closeOnDocumentClick
        keepTooltipInside=".tooltipBoundary"
      &gt;
        &lt;div className="modal" style={{display:'flex', background: 'radial-gradient(#cde6f9, #6191bf)'}}&gt;
          &lt;a className="close"&gt;
            &amp;times;
          &lt;/a&gt;
          &lt;div style={{alignitems: 'center', justifycontent: 'center'}}&gt;
          &lt;h4&gt;Enter Project Name : &lt;/h4&gt;
          &lt;input style={{alignitems: 'center', justifycontent: 'center'}} type="text" name="fname"&gt;&lt;/input&gt;&lt;br/&gt;&lt;br/&gt;
          &lt;button style={{alignitems: 'center', justifycontent: 'center'}} &gt;Create&lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
    &lt;/Popup&gt;
  </code></pre>