Angular material component are not working even after installation

[Oliverq755]

Prerequisites

Angular material is not working after installing it to the free version of the argon-angular-dashboard screenshot attached.

• [ ] I am running the latest version
• [ ] I checked the documentation and found no answer
• [ ] I checked to make sure that this issue has not already been filed
• [ ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

The expected result should include:

• default styles of argon-dashboard
• style and HTML code of Angular material
• all the features and function of Angular material

Current Behavior

The current behavior includes only the styles of argon-angular-dashboard. It has all the dependencies installed, however, it doesn't show the styles of Angular material

Steps to Reproduce

In order to replicate this issue, follow the following steps:

1. Download the free version of argon-angular-dashboard
2. Add dependencies of angular material by using ng add @angular/material
3. Add @import "~@angular/material/prebuilt-themes/indigo-pink.css"; in your styles.scss
4. Add any component in your HTML component, for example, let take a button. <button mat-raised-button color="accent">Accent</button>
5. Check the output on your page.

Context

• Device: Lenovo Thinkpad
• Operating System: Ubuntu 19.10
• Browser and Version: chrome Version 80.0.3987.106 (Official Build) (64-bit)

Output screenshot