diff --git a/ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.html b/ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.html
index 41aef2ea3..433743b95 100644
--- a/ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.html
+++ b/ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.html
@@ -14,10 +14,10 @@
         </div>
         <div *ngIf="noRecordFound" class="nocontent ml-xs mr-xs" style="width: 90%;">No records found</div>  
         <div class="ml-xs mr-xs" style="width: 10%; text-align: right;">
-            <button mat-fab class="mr-1 mb-1" style="margin-top: 7px;" [color]="color" (click)="addBranch()" matTooltip="Add Branch" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
+            <button mat-fab class="mr-1 mb-1 secondary" style="margin-top: 7px;"  (click)="addBranch()" matTooltip="Add Branch" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
         </div>
     </div>
-  
+
     <mat-table [dataSource]="dataSource" *ngIf="!noRecordFound" matSort>
     
         <ng-container matColumnDef="serialno">
@@ -69,8 +69,10 @@
         <mat-row *matRowDef="let row; columns: displayedColumns;">
         </mat-row>
       </mat-table>
-    
-      <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+     <!--- <mat-paginator #paginator class="mat-elevation-z1" [length]="productList.length" [pageIndex]="pageIndex" [pageSize]="pageSize"
+      [pageSizeOptions]="[5, 10, 25, 100]" (page)="pageEvent = $event; pageChange($event)">
+    </mat-paginator>-->
+      <mat-paginator *ngIf="!noRecordFound"  [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]"  showFirstLastButtons></mat-paginator>
 
   </div>
 
diff --git a/ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.ts b/ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.ts
index 6b84feb28..39d1bc226 100644
--- a/ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.ts
+++ b/ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.ts
@@ -31,6 +31,11 @@ export class BranchListComponent implements OnInit {
   userdata2:any = [];
   color = 'primary';
   
+  // pagination variable details
+  //length = 50;
+  //pageIndex = 0;
+  pageSize = 10;
+ // pageEvent: PageEvent;
   //   changed(id: number,isactive : number) {
   //    console.log('Id',id);
   //    console.log('Isactive',isactive)
@@ -77,7 +82,7 @@ export class BranchListComponent implements OnInit {
           }   
       })
   }
-
+ 
   /**Popup for ADD Branch */
   addBranch() {
     this.isPopupOpened = true;