title: how to add horizontal scroll bar to mat-chip
body: <p>here is my code in home.component.html</p>
  <pre><code>&lt;div class=&quot;scrollmenu&quot; &gt;
  &lt;mat-chip-list&gt;
    &lt;mat-chip *ngFor=&quot;let category of categories&quot; class=&quot;matchip&quot;&gt;
      {{ category.cat_name }}
    &lt;/mat-chip&gt;
  &lt;/mat-chip-list&gt;
  &lt;/div&gt;
  </code></pre>
  <p>below you can see home.component.css</p>
  <pre><code>.scrollmenu{
      width:100%;
      overflow: auto;
    white-space: wrap;
  }
  .matchip {
      display: inline-block;
  }
  </code></pre>
  <p>but this is not working.I need to show my mat-chips list horizontally scrollable. Thank you.</p>