Fixed the bottom border color for the table row header to design spec.

src/app/accountinfo/accountinfo.component.css

@@ -18,6 +18,11 @@
     background-color: #fafafa;
 }
 
+.row-header {
+    text-align: left;
+    border-bottom-color: #a2bae1;
+}
+
 .mat-header-cell {
     color: #11356e;
     font-size: 18px;

src/app/accountinfo/accountinfo.component.html

@@ -29,7 +29,7 @@
                          <div class="table-header"><span>{{ h.title }}</span></div>
                          <table mat-table [dataSource]="h.data.rows" style="width: 100%">
                              <ng-container *ngFor="let c of h.data.cols" matColumnDef="{{c.key}}">
-                                 <th mat-header-cell *matHeaderCellDef style="text-align: left">{{ c.header }} </th>
+                                 <th mat-header-cell *matHeaderCellDef style="text-align: left; border-bottom-color: #a2bae1;">{{ c.header }} </th>
                                  <td mat-cell *matCellDef="let row;" style="text-align: left"> {{row[c.key]}}</td>
                              </ng-container>
                               <tr mat-header-row *matHeaderRowDef="calculateCols(h.data.cols); sticky: true" ></tr>