diff --git a/src/app/shared/components/common/modal-dialog/modal-dialog.component.ts b/src/app/shared/components/common/modal-dialog/modal-dialog.component.ts
index 5ea47af523..251c36c022 100644
--- a/src/app/shared/components/common/modal-dialog/modal-dialog.component.ts
+++ b/src/app/shared/components/common/modal-dialog/modal-dialog.component.ts
@@ -8,9 +8,9 @@ export interface ModalOptions {
   titleText: string;
   /**
    * size attribute
-   *   'lg': large, 'sm': small, 'md': medium (default)
+   *   'sm': small, 'lg': large, 'xl': extra large, 'md': medium (default)
    */
-  size?: 'sm' | 'lg';
+  size?: 'sm' | 'lg' | 'xl';
   /**
    * Optional modal confirm button text.
    */
diff --git a/src/app/shared/components/product/product-shipment/product-shipment.component.html b/src/app/shared/components/product/product-shipment/product-shipment.component.html
index 27cecfb469..e7ac611bca 100644
--- a/src/app/shared/components/product/product-shipment/product-shipment.component.html
+++ b/src/app/shared/components/product/product-shipment/product-shipment.component.html
@@ -18,7 +18,7 @@
   <!-- details link and dialog -->
   <ish-modal-dialog-link
     linkText="product.ready_for_shipment.detail.text"
-    [options]="{ titleText: 'shopping.product.readyforshipment.details.title' | translate }"
+    [options]="{ titleText: 'shopping.product.readyforshipment.details.title' | translate, size: 'lg' }"
     [ngClass]="'details-link'"
   >
     <ish-content-include includeId="systeminclude.dialog.readyForShipment.pagelet2-Include"></ish-content-include>