diff --git a/client/order/src/index/index.html b/client/order/src/index/index.html
index 4a2cf9624..5cd7c300d 100644
--- a/client/order/src/index/index.html
+++ b/client/order/src/index/index.html
@@ -74,4 +74,11 @@
     <tpl-body>
         <vn-order-summary order="$ctrl.order"></vn-order-summary>
     </tpl-body>
+</vn-dialog>
+<vn-dialog
+    vn-id="summary"
+    class="dialog-summary summary">
+    <tpl-body>
+        <vn-order-summary order="$ctrl.selectedOrder"></vn-order-summary>
+    </tpl-body>
 </vn-dialog>
\ No newline at end of file
diff --git a/client/order/src/index/index.js b/client/order/src/index/index.js
index cb6fe6b66..c3ac7a736 100644
--- a/client/order/src/index/index.js
+++ b/client/order/src/index/index.js
@@ -1,4 +1,5 @@
 import ngModule from '../module';
+import './style.scss';
 
 export default class Controller {
     constructor($scope) {
@@ -48,9 +49,11 @@ export default class Controller {
         this.$scope.popover.relocate();
     }
 
-    preview(order) {
-        this.$scope.orderSummaryDialog.show();
-        this.order = order;
+    preview(event, order) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        this.selectedOrder = order;
+        this.$scope.summary.show();
     }
 }
 
diff --git a/client/order/src/index/style.scss b/client/order/src/index/style.scss
new file mode 100644
index 000000000..f83e955ed
--- /dev/null
+++ b/client/order/src/index/style.scss
@@ -0,0 +1,7 @@
+vn-order-index {
+    vn-dialog.summary {
+        div {
+            min-width: 900px;
+        }
+    }
+}
\ No newline at end of file