title: Something is blocking me from overwriting css
body: <p>On the page <a href="http://project.dreamo.ee/lennumaa/wordpress/" rel="nofollow">http://project.dreamo.ee/lennumaa/wordpress/</a> :</p>
  
  <p>The bottom-left tawk.to chat bar's width is auto; for some reason. I want it to be 320px.</p>
  
  <p>I have tried !important in every css file(#tawkchat-minified-container{width: 320px !important}), custom css plugins, made sure the plugin appearance on tawk.to site has width of 320px, but still it has width:auto for some reason.</p>
  
  <p>When I edit the width on google debugger, it works, but I need it to stay like that...</p>
  
  <p>The funny part is, that sometimes it is 320px, and sometimes it goes full width. Not even changing anything in the meantime.</p>
  
  <p>It just seems really weird to me and I cant figure out whats the problem behind this.</p>
  
  <p>Thanks in advance!!</p>