title: Bootstrap css rules applied over custom rules after heroku deploy?
body: <p>I deployed my node js + react app to heroku and for some odd reason some css styles are being overwritten by bootstrap style. (the font too) This worked just fine in development.
  I am using separate css files for each react component.</p>
  
  <p>What can be the cause? I noticed that this problem is only with the App.css file. The rules there are being overwritten by bootstrap rules. </p>
  
  <p>How would you suggest to debug this? </p>
  
  <p><a href="https://i.stack.imgur.com/eGHyB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eGHyB.png" alt="enter image description here"></a></p>