how to fix badge and spacing size that is wrong?

[laptopmutia]

consider the badge and the number in top right and the spacing inside the cards

my current page (rails 6 with webpacker and admin lte 3.1)

starter page example from web | https://adminlte.io/themes/v3/starter.html

I really need help to debug this since the console log gives no error at all

[laptopmutia]

it's because I also import bootstrap to my application.scss to fix it just remove @bootstrap

before application.scss

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback");
@import "admin-lte";
@import "bootstrap";

fixed application.scss

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback");
@import "admin-lte";