title: Angular Material Mat Grid List Outermost Border
body: <p>I have a mat grid list with user defined number of row and col. I need to display all the border for each mat-grid-title cell.</p>
  
  <p>However how do I display the outermost black border for mat-grid-list properly? </p>
  
  <p>It's right and bottom border didnt show properly</p>
  
  <pre><code>&lt;mat-grid-list cols="2" rowHeight="200px" style="border: 4px solid black"&gt;
    &lt;mat-grid-tile style="border: 2px solid red"&gt;
      &lt;div class='internalMatGrid' &gt;
        &lt;mat-grid-list cols="1" rowHeight="2:1"&gt;
          &lt;mat-grid-tile&gt;1&lt;/mat-grid-tile&gt;
        &lt;/mat-grid-list&gt;
      &lt;/div&gt;
    &lt;/mat-grid-tile&gt;
    &lt;mat-grid-tile style="border: 2px solid red"&gt;2&lt;/mat-grid-tile&gt;
    &lt;mat-grid-tile style="border: 2px solid red"&gt;3&lt;/mat-grid-tile&gt;
    &lt;mat-grid-tile style="border: 2px solid red"&gt;4&lt;/mat-grid-tile&gt;
  &lt;/mat-grid-list&gt;
  </code></pre>
  
  <p>Here is my stackblitz
  <a href="https://stackblitz.com/edit/angular-7gjjjn" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-7gjjjn</a></p>
  
  <p>Thank you</p>