diff --git a/src/app/pages/manage/kyc/presenter/list/list.component.html b/src/app/pages/manage/kyc/presenter/list/list.component.html
index e02b9b5..7a61fac 100644
--- a/src/app/pages/manage/kyc/presenter/list/list.component.html
+++ b/src/app/pages/manage/kyc/presenter/list/list.component.html
@@ -19,7 +19,7 @@
 
     <div class="card-body">
         <div class="table-wrap">
-            <table class="table table-main" mat-table [dataSource]="kycList" matSort>
+            <table class="" mat-table [dataSource]="kycList" matSort>
                 <tr mat-header-row *matHeaderRowDef="['1','2','3','4','5','6','7','8','9','10','11','12']"></tr>
                 <tr mat-row *matRowDef="let row; columns: ['1','2','3','4','5','6','7','8','9','10','11','12'];"></tr>
 
@@ -36,13 +36,13 @@
                 </ng-container>
 
                 <ng-container matColumnDef="3">
-                    <th mat-header-cell *matHeaderCellDef class="tac">เลขหลังบัตร</th>
-                    <td mat-cell *matCellDef="let item" class="tac">{{item.code_back_card}}</td>
+                    <th mat-header-cell *matHeaderCellDef class="tac" width="200">เลขหลังบัตร</th>
+                    <td mat-cell *matCellDef="let item" class="tac whitespace-nowrap">{{item.code_back_card}}</td>
                 </ng-container>
 
                 <ng-container matColumnDef="4">
                     <th mat-header-cell *matHeaderCellDef class="tal" width="150">วันหมดอายุ</th>
-                    <td mat-cell *matCellDef="let item" class="">{{item.exp_date | thaidate}}</td>
+                    <td mat-cell *matCellDef="let item" class="whitespace-nowrap">{{item.exp_date | thaidate}}</td>
                 </ng-container>
 
                 <ng-container matColumnDef="5">
@@ -52,18 +52,20 @@
 
 
                 <ng-container matColumnDef="6">
-                    <th mat-header-cell *matHeaderCellDef class="tal" width="150">ชื่อ</th>
-                    <td mat-cell *matCellDef="let item" class="">{{item.first_name}}</td>
+                    <th mat-header-cell *matHeaderCellDef class="tal" width="200">ชื่อ</th>
+                    <td mat-cell *matCellDef="let item" class="text-ellipsis whitespace-nowrap">
+                        {{item.first_name}}
+                    </td>
                 </ng-container>
 
                 <ng-container matColumnDef="7">
-                    <th mat-header-cell *matHeaderCellDef class="tal" width="150">นามสกุล</th>
-                    <td mat-cell *matCellDef="let item" class="">{{item.last_name}}</td>
+                    <th mat-header-cell *matHeaderCellDef class="tal" width="200">นามสกุล</th>
+                    <td mat-cell *matCellDef="let item" class="whitespace-nowrap">{{item.last_name}}</td>
                 </ng-container>
 
                 <ng-container matColumnDef="8">
                     <th mat-header-cell *matHeaderCellDef class="tal" width="150">วัน เดือน ปีเกิด</th>
-                    <td mat-cell *matCellDef="let item" class="">
+                    <td mat-cell *matCellDef="let item" class="whitespace-nowrap">
                         <div> {{item.birth_date | thaidate}}</div>
                     </td>
                 </ng-container>
@@ -75,7 +77,7 @@
                 </ng-container>
                 <ng-container matColumnDef="10">
                     <th mat-header-cell *matHeaderCellDef class="tal" width="150">E-mail</th>
-                    <td mat-cell *matCellDef="let item" class="tal">
+                    <td mat-cell *matCellDef="let item" class="tal whitespace-nowrap">
                         <div> {{item.email}}</div>
                     </td>
                 </ng-container>