Topic: Updating styles in Node css not applying to deployed Heroku App but working in local browser

webdevsam free asked 2 years ago

Expected behavior Updated styling for primary button colors in mdb-react-ui-kit -> dist -> css -> mdb.min.css. Expect the button colors to be green with a grey hover effect.

Actual behavior Buttons set to color primary appear with background green and hover color of grey in localhost but not on Heroku where our test app is located. Resources (screenshots, code snippets etc.)

Heroku app: Github repo:

Krzysztof Wilk staff answered 2 years ago


I'm afraid Heroku is installing dependencies on its side once again, so your changes in the node_modules folder are overwritten. To avoid that you can:

  1. Try to overwrite this class in your custom CSS file
  2. Install and use SASS - you can find the guide for that here:

Hope it'll help you :)

Keep coding!

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: MDB5 1.3.0
  • Device: PC
  • Browser: Google
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes