diff --git a/src/pages/Claim/Card/ClaimSummaryDialog.vue b/src/pages/Claim/Card/ClaimSummaryDialog.vue
index 5a2b965eb..78673f54d 100644
--- a/src/pages/Claim/Card/ClaimSummaryDialog.vue
+++ b/src/pages/Claim/Card/ClaimSummaryDialog.vue
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <ClaimSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/Customer/Card/CustomerSummaryDialog.vue b/src/pages/Customer/Card/CustomerSummaryDialog.vue
index d9571ac54..b19917712 100644
--- a/src/pages/Customer/Card/CustomerSummaryDialog.vue
+++ b/src/pages/Customer/Card/CustomerSummaryDialog.vue
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <CustomerSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/Entry/Card/EntrySummaryDialog.vue b/src/pages/Entry/Card/EntrySummaryDialog.vue
index 527421ce2..6bf65f0ef 100644
--- a/src/pages/Entry/Card/EntrySummaryDialog.vue
+++ b/src/pages/Entry/Card/EntrySummaryDialog.vue
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <EntrySummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/InvoiceIn/Card/InvoiceInSummaryDialog.vue b/src/pages/InvoiceIn/Card/InvoiceInSummaryDialog.vue
index 8657bf6ac..f0c37f8e3 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInSummaryDialog.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInSummaryDialog.vue
@@ -16,7 +16,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 
 <template>
     <QDialog ref="dialogRef" @hide="onDialogHide">
-        <InvoiceInSummary v-if="$props.id" :id="$props.id" />
+        <InvoiceInSummary v-if="$props.id" :id="$props.id" full-width />
     </QDialog>
 </template>
 
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummaryDialog.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummaryDialog.vue
index 76283ff10..89ea808e4 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummaryDialog.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummaryDialog.vue
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <InvoiceOutSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/Order/Card/OrderSummaryDialog.vue b/src/pages/Order/Card/OrderSummaryDialog.vue
index ebe891f4a..4ba02f21d 100644
--- a/src/pages/Order/Card/OrderSummaryDialog.vue
+++ b/src/pages/Order/Card/OrderSummaryDialog.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useDialogPluginComponent } from 'quasar';
-import OrderSummary from "pages/Order/Card/OrderSummary.vue";
+import OrderSummary from 'pages/Order/Card/OrderSummary.vue';
 
 const $props = defineProps({
     id: {
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <OrderSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/Route/Card/RouteSummaryDialog.vue b/src/pages/Route/Card/RouteSummaryDialog.vue
index 4a943a93a..00f0e8e18 100644
--- a/src/pages/Route/Card/RouteSummaryDialog.vue
+++ b/src/pages/Route/Card/RouteSummaryDialog.vue
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <RouteSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/Shelving/Card/ShelvingSummaryDialog.vue b/src/pages/Shelving/Card/ShelvingSummaryDialog.vue
index 783e47395..8416a080e 100644
--- a/src/pages/Shelving/Card/ShelvingSummaryDialog.vue
+++ b/src/pages/Shelving/Card/ShelvingSummaryDialog.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useDialogPluginComponent } from 'quasar';
-import ShelvingSummary from "pages/Shelving/Card/ShelvingSummary.vue";
+import ShelvingSummary from 'pages/Shelving/Card/ShelvingSummary.vue';
 
 const $props = defineProps({
     id: {
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <ShelvingSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/Supplier/Card/SupplierSummaryDialog.vue b/src/pages/Supplier/Card/SupplierSummaryDialog.vue
index 6353caa38..0bbcb1198 100644
--- a/src/pages/Supplier/Card/SupplierSummaryDialog.vue
+++ b/src/pages/Supplier/Card/SupplierSummaryDialog.vue
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <SupplierSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/Ticket/Card/TicketSummaryDialog.vue b/src/pages/Ticket/Card/TicketSummaryDialog.vue
index 11e12c8a9..57df6c807 100644
--- a/src/pages/Ticket/Card/TicketSummaryDialog.vue
+++ b/src/pages/Ticket/Card/TicketSummaryDialog.vue
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <TicketSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/Travel/Card/TravelSummaryDialog.vue b/src/pages/Travel/Card/TravelSummaryDialog.vue
index 8351d6e5b..fe9d5e95f 100644
--- a/src/pages/Travel/Card/TravelSummaryDialog.vue
+++ b/src/pages/Travel/Card/TravelSummaryDialog.vue
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <TravelSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>
diff --git a/src/pages/Worker/Card/WorkerSummaryDialog.vue b/src/pages/Worker/Card/WorkerSummaryDialog.vue
index 59ea702e0..700bd5a39 100644
--- a/src/pages/Worker/Card/WorkerSummaryDialog.vue
+++ b/src/pages/Worker/Card/WorkerSummaryDialog.vue
@@ -15,7 +15,7 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
 </script>
 
 <template>
-    <QDialog ref="dialogRef" @hide="onDialogHide">
+    <QDialog ref="dialogRef" @hide="onDialogHide" full-width>
         <WorkerSummary v-if="$props.id" :id="$props.id" />
     </QDialog>
 </template>