Ionic Project Css Not Working

I created an ionic project from scratch. I am applying the same Badge view in the document. But the view is not regular.
The app.tsx code is as follows:

This is how it looks on the screen:

What do you expect to happen? Your screenshots look correct to me.