Pagination component

I uses the pagination component in my form. It appears fine when preview it on the browser. But when I plug it into my reactjs project, it appears out of shape.

Design enter image description here

Reactjs

enter image description here

The other bootstrap components (e.g. text input, select, in my form appears correct as per design.

enter image description here

I have checked the CSS and HTML codes and they are in order. I have no other clue what can cause this. Please help.