diff --git a/src/pages/Order/Card/OrderSummary.vue b/src/pages/Order/Card/OrderSummary.vue
index 464ab3dfc..0efffa3fa 100644
--- a/src/pages/Order/Card/OrderSummary.vue
+++ b/src/pages/Order/Card/OrderSummary.vue
@@ -110,15 +110,11 @@ const detailsColumns = ref([
                     :label="t('order.summary.createdFrom')"
                     :value="entity?.sourceApp"
                 />
-                <VnLv :label="t('order.summary.address')">
-                    <template #value>
-                        <span class="address">
-                            {{
-                                `${entity?.address?.street} - ${entity?.address?.city} (${entity?.address?.province?.name})`
-                            }}
-                        </span>
-                    </template>
-                </VnLv>
+                <VnLv
+                    :label="t('order.summary.address')"
+                    :value="`${entity?.address?.street} - ${entity?.address?.city} (${entity?.address?.province?.name})`"
+                    class="order-summary-address"
+                />
             </QCard>
             <QCard class="vn-one">
                 <p class="header">
@@ -203,11 +199,18 @@ const detailsColumns = ref([
         </template>
     </CardSummary>
 </template>
-<style lang="scss" scoped>
-.address {
-    white-space: normal;
-}
+<style lang="scss">
+.cardSummary .summaryBody .vn-label-value.order-summary-address {
+    .label {
+        flex-shrink: 0;
+    }
 
+    .value {
+        white-space: normal;
+    }
+}
+</style>
+<style lang="scss" scoped>
 .item {
     text-align: center;
 }