title: Angular Material styles not applied
body: <p>I'm running node 12.18.2
  I installed the latest version of Angular CLI (10.0.2)</p>
  <p>I created a new app (ng new APP_NAME);
  I installed angular material (ng add @angular/material)</p>
  <p>Then I try to display some buttons an this is what i get:</p>
  <p><a href="https://i.stack.imgur.com/yQWsd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yQWsd.png" alt="enter image description here" /></a></p>
  <p>This is my configuration:</p>
  <p>package.json:</p>
  <pre><code>    {
      &quot;dependencies&quot;: {
        &quot;@angular/animations&quot;: &quot;~10.0.3&quot;,
        &quot;@angular/cdk&quot;: &quot;^10.0.1&quot;,
        &quot;@angular/common&quot;: &quot;~10.0.3&quot;,
        &quot;@angular/compiler&quot;: &quot;~10.0.3&quot;,
        &quot;@angular/core&quot;: &quot;~10.0.3&quot;,
        &quot;@angular/forms&quot;: &quot;~10.0.3&quot;,
        &quot;@angular/material&quot;: &quot;^10.0.1&quot;,
        &quot;@angular/platform-browser&quot;: &quot;~10.0.3&quot;,
        &quot;@angular/platform-browser-dynamic&quot;: &quot;~10.0.3&quot;,
        &quot;@angular/router&quot;: &quot;~10.0.3&quot;,
        &quot;rxjs&quot;: &quot;~6.5.5&quot;,
        &quot;tslib&quot;: &quot;^2.0.0&quot;,
        &quot;zone.js&quot;: &quot;~0.10.3&quot;
        },
      &quot;devDependencies&quot;: {
        &quot;@angular-devkit/build-angular&quot;: &quot;~0.1000.2&quot;, 
        &quot;@angular/cli&quot;: &quot;~10.0.2&quot;,
        &quot;@angular/compiler-cli&quot;: &quot;~10.0.3&quot;,
        &quot;@types/node&quot;: &quot;^12.11.1&quot;,
        &quot;@types/jasmine&quot;: &quot;~3.5.0&quot;,
        &quot;@types/jasminewd2&quot;: &quot;~2.0.3&quot;,
        &quot;codelyzer&quot;: &quot;^6.0.0&quot;,
        &quot;jasmine-core&quot;: &quot;~3.5.0&quot;,
        &quot;jasmine-spec-reporter&quot;: &quot;~5.0.0&quot;,
        &quot;karma&quot;: &quot;~5.0.0&quot;,
        &quot;karma-chrome-launcher&quot;: &quot;~3.1.0&quot;,
        &quot;karma-coverage-istanbul-reporter&quot;: &quot;~3.0.2&quot;,
        &quot;karma-jasmine&quot;: &quot;~3.3.0&quot;,
        &quot;karma-jasmine-html-reporter&quot;: &quot;^1.5.0&quot;,
        &quot;protractor&quot;: &quot;~7.0.0&quot;,
        &quot;ts-node&quot;: &quot;~8.3.0&quot;,
        &quot;tslint&quot;: &quot;~6.1.0&quot;,
        &quot;typescript&quot;: &quot;~3.9.5&quot;
       }
  </code></pre>
  <p>angular.json:</p>
  <pre><code>&quot;styles&quot;: [
               &quot;./node_modules/@angular/material/prebuilt-themes/indigo-pink.css&quot;,
               &quot;src/styles.scss&quot;
             ],
  </code></pre>
  <p>i added this in the styles.scss file:</p>
  <pre><code>@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
  </code></pre>
  <p>I'm expecting the buttons to look like this:
  <a href="https://i.stack.imgur.com/yM6vC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yM6vC.png" alt="enter image description here" /></a>
  What am I missing?</p>