title: Material kit over-writing styling of boostrap 5
body: <p>Working with <code>bootstrap 5</code> on a react project, I used <code>creative-tim material kit</code> for bootstrap.</p>
  <p>I imported a css file from material kit in one module only.</p>
  <p><code>import &quot;../assets/css/material-kit.css&quot;;</code></p>
  <p>The bootstrap-5 default styling in other components was affected by this.</p>
  <p>How do I use material kit's css file in a way that it doesn't effect anything outside that module?</p>