diff --git a/ng-app/src/app/quotes/quotes.component.html b/ng-app/src/app/quotes/quotes.component.html
index 5d9755f..084389f 100644
--- a/ng-app/src/app/quotes/quotes.component.html
+++ b/ng-app/src/app/quotes/quotes.component.html
@@ -25,9 +25,9 @@
 
         <ng-container matColumnDef="id">
 
-            <mat-header-cell fxFlex="8%" *matHeaderCellDef mat-sort-header>#</mat-header-cell>
+            <mat-header-cell fxFlex="10%" *matHeaderCellDef mat-sort-header>#</mat-header-cell>
 
-            <mat-cell fxFlex="8%" *matCellDef="let quote">{{quote.id}}</mat-cell>
+            <mat-cell fxFlex="10%" *matCellDef="let quote">{{quote.id}}</mat-cell>
 
         </ng-container>
 
@@ -41,17 +41,17 @@
 
         <ng-container matColumnDef="game">
 
-            <mat-header-cell fxFlex="32%" *matHeaderCellDef mat-sort-header>Game</mat-header-cell>
+            <mat-header-cell fxFlex="28%" *matHeaderCellDef mat-sort-header>Game</mat-header-cell>
 
-            <mat-cell fxFlex="32%" *matCellDef="let quote">{{quote.game}}</mat-cell>
+            <mat-cell fxFlex="28%" *matCellDef="let quote">{{quote.game}}</mat-cell>
 
         </ng-container>
 
         <ng-container matColumnDef="date">
 
-            <mat-header-cell fxFlex="10%" *matHeaderCellDef mat-sort-header>Date</mat-header-cell>
+            <mat-header-cell fxFlex="12%" *matHeaderCellDef mat-sort-header>Date</mat-header-cell>
 
-            <mat-cell fxFlex="10%" *matCellDef="let quote">{{quote.date}}</mat-cell>
+            <mat-cell fxFlex="12%" *matCellDef="let quote">{{quote.date}}</mat-cell>
 
         </ng-container>