Angular Material v11 not working properly

Question

I am trying to use Angular Material version 11.2.2 in my project. I used npm install @angular/material@11 @angular/cdk@11 to do the install. I did not get the prompt to choose a style or theme or anything, it just went through the process of installation. I have imported the MatFormFieldModule, MatInputModule and MatSelectModule into app.module.ts and have @import "~@angular/material/prebuilt-themes/indigo-pink.css" in my component.scss but, when I try to use matInput and mat-select it renders weirdly. Will appreciate if you let me know what I might have missed.

Here is my package.json file

Here is how it renders