diff --git a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
index e1a399f93..e3fa78a8d 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
@@ -338,7 +338,7 @@ const getLink = (param) => `#/invoice-in/${entityId.value}/${param}`;
                 </div>
             </QCard>
             <!--Vat-->
-            <QCard v-if="entity.invoiceInTax.length" class="col-65">
+            <QCard v-if="entity.invoiceInTax.length" class="col-extend">
                 <VnTitle
                     :url="getLink('vat')"
                     :text="t('globals.pageTitles.vat')"
@@ -400,7 +400,7 @@ const getLink = (param) => `#/invoice-in/${entityId.value}/${param}`;
                 </QTable>
             </QCard>
             <!--Due Day-->
-            <QCard v-if="entity.invoiceInDueDay.length" class="col-30">
+            <QCard v-if="entity.invoiceInDueDay.length" class="col-shrink">
                 <VnTitle
                     :url="getLink('due-day')"
                     :text="t('globals.pageTitles.dueDay')"
@@ -440,7 +440,7 @@ const getLink = (param) => `#/invoice-in/${entityId.value}/${param}`;
                 </QTable>
             </QCard>
             <!--Intrastat-->
-            <QCard v-if="entity.invoiceInIntrastat.length" class="col-65">
+            <QCard v-if="entity.invoiceInIntrastat.length" class="col-extend">
                 <VnTitle
                     :url="getLink('intrastat')"
                     :text="t('globals.pageTitles.intrastat')"
@@ -479,7 +479,7 @@ const getLink = (param) => `#/invoice-in/${entityId.value}/${param}`;
                 </QTable>
             </QCard>
             <!-- Vehicle -->
-            <QCard v-if="entity?.vehicleInvoiceIn?.length" class="col-30">
+            <QCard v-if="entity?.vehicleInvoiceIn?.length" class="col-shrink">
                 <VnTitle
                     :url="getLink('vehicle')"
                     :text="t('globals.vehicle')"
@@ -538,15 +538,15 @@ const getLink = (param) => `#/invoice-in/${entityId.value}/${param}`;
 
 @media (min-width: $breakpoint-md) {
     .summaryBody {
-        .col-65 {
+        .col-extend {
             flex: 65%;
         }
 
-        .col-30 {
+        .col-shrink {
             flex: 30%;
         }
-        .col-65,
-        .col-30 {
+        .col-extend,
+        .col-shrink {
             .q-table th {
                 padding-right: 0;
             }