diff --git a/bookie/src/app/sales/modifiers/modifiers.component.html b/bookie/src/app/sales/modifiers/modifiers.component.html
index 52fbf8e..5d4468d 100644
--- a/bookie/src/app/sales/modifiers/modifiers.component.html
+++ b/bookie/src/app/sales/modifiers/modifiers.component.html
@@ -1,20 +1,22 @@
-<mat-tab-group>
-  <mat-tab *ngFor="let item of list">
-    <ng-template matTabLabel>
-      <span>{{item.name}}</span>
-      <mat-chip-list matBadge="0" matBadgeOverlap="false">
-        <mat-chip *ngIf="!item.maximum">{{item.minimum}} - ∞</mat-chip>
-        <mat-chip *ngIf="!!item.maximum">{{item.minimum}} - {{item.maximum}}</mat-chip>
-      </mat-chip-list>
-    </ng-template>
-    <div fxLayout="row wrap" fxLayoutGap="grid 20px">
-      <mat-card fxLayout="column" class="square-button" matRipple *ngFor="let m of item.modifiers" (click)="select(m)"
-                [class.selected]="selectedIds.indexOf(m.id) !== -1">
-        <h3 class="item-name">{{m.name}}</h3>
-      </mat-card>
-    </div>
-  </mat-tab>
-</mat-tab-group>
+<mat-dialog-content>
+  <mat-tab-group>
+    <mat-tab *ngFor="let item of list">
+      <ng-template matTabLabel>
+        <span>{{item.name}}</span>
+        <mat-chip-list matBadge="0" matBadgeOverlap="false">
+          <mat-chip *ngIf="!item.maximum">{{item.minimum}} - ∞</mat-chip>
+          <mat-chip *ngIf="!!item.maximum">{{item.minimum}} - {{item.maximum}}</mat-chip>
+        </mat-chip-list>
+      </ng-template>
+      <div fxLayout="row wrap" fxLayoutGap="grid 20px">
+        <mat-card fxLayout="column" class="square-button" matRipple *ngFor="let m of item.modifiers" (click)="select(m)"
+                  [class.selected]="selectedIds.indexOf(m.id) !== -1">
+          <h3 class="item-name">{{m.name}}</h3>
+        </mat-card>
+      </div>
+    </mat-tab>
+  </mat-tab-group>
+</mat-dialog-content>
 <mat-dialog-actions align="end">
   <button mat-button [mat-dialog-close]="selected">Done</button>
 </mat-dialog-actions>