Working with bootstrap 5 on a react project, I used creative-tim material kit for bootstrap.

I imported a css file from material kit in one module only.

import "../assets/css/material-kit.css";

The bootstrap-5 default styling in other components was affected by this.

How do I use material kit's css file in a way that it doesn't effect anything outside that module?