diff --git a/bookie/src/app/sales/bills/bills.component.html b/bookie/src/app/sales/bills/bills.component.html
index 73ca130..f1bcc11 100644
--- a/bookie/src/app/sales/bills/bills.component.html
+++ b/bookie/src/app/sales/bills/bills.component.html
@@ -43,7 +43,8 @@
       </ng-container>
       <ng-container matColumnDef="table-details">
         <mat-header-cell *matHeaderCellDef class="deep-purple-50 bold right-align"
-          >{{ bs.bill.table.name }} / {{ bs.bill.pax }} /
+          ><button>Table: {{ bs.bill.table.name }}</button> /
+          <button (click)="choosePax()">{{ bs.bill.pax }} Pax</button> /
           {{ bs.bill.customer?.name }}</mat-header-cell
         >
       </ng-container>
diff --git a/bookie/src/app/sales/bills/bills.component.ts b/bookie/src/app/sales/bills/bills.component.ts
index 59153fc..d578920 100644
--- a/bookie/src/app/sales/bills/bills.component.ts
+++ b/bookie/src/app/sales/bills/bills.component.ts
@@ -55,6 +55,10 @@ export class BillsComponent implements OnInit {
     if (this.bs.bill.id || this.bs.bill.customer) {
       return;
     }
+    this.choosePax();
+  }
+
+  choosePax(): void {
     const dialogRef = this.dialog.open(PaxComponent, {
       // width: '750px',
       data: this.bs.bill.pax,