I've fixed the issue. The issue was actually with the material CSS file imported in angular.json .

If we want to use old styles we need to use this line - ./node_modules/@angular/material/legacy-prebuilt-themes/legacy-indigo-pink.css

NOTE: This can be used till v16 only