diff --git a/resources/assets/js/components/base/modal/ItemModal.vue b/resources/assets/js/components/base/modal/ItemModal.vue
index 58c7f09e..439f55bd 100644
--- a/resources/assets/js/components/base/modal/ItemModal.vue
+++ b/resources/assets/js/components/base/modal/ItemModal.vue
@@ -122,7 +122,7 @@ export default {
         { name: 'km', value: 'km' },
         { name: 'lb', value: 'lb' },
         { name: 'mg', value: 'mg' },
-        { name: 'pc', value: 'pc ' }
+        { name: 'pc', value: 'pc' }
       ],
       formData: {
         name: null,
diff --git a/resources/assets/js/views/dashboard/Dashboard.vue b/resources/assets/js/views/dashboard/Dashboard.vue
index bca6d07b..59c1798b 100644
--- a/resources/assets/js/views/dashboard/Dashboard.vue
+++ b/resources/assets/js/views/dashboard/Dashboard.vue
@@ -168,7 +168,7 @@
           >
             <table-column :label="$t('dashboard.recent_invoices_card.due_on')" show="formattedDueDate" />
             <table-column :label="$t('dashboard.recent_invoices_card.customer')" show="user.name" />
-            <table-column :label="$t('dashboard.recent_invoices_card.amount_due')" sort-as="due_amount">
+            <table-column :label="$t('dashboard.recent_invoices_card.amount_due')" show="due_amount" sort-as="due_amount">
               <template slot-scope="row">
                 <span>{{ $t('dashboard.recent_invoices_card.amount_due') }}</span>
                 <div v-html="$utils.formatMoney(row.due_amount, row.user.currency)"/>
@@ -242,7 +242,7 @@
           >
             <table-column :label="$t('dashboard.recent_estimate_card.date')" show="formattedExpiryDate" />
             <table-column :label="$t('dashboard.recent_estimate_card.customer')" show="user.name" />
-            <table-column :label="$t('dashboard.recent_estimate_card.amount_due')" sort-as="total">
+            <table-column :label="$t('dashboard.recent_estimate_card.amount_due')" show="total" sort-as="total">
               <template slot-scope="row">
                 <span>{{ $t('dashboard.recent_estimate_card.amount_due') }}</span>
                 <div v-html="$utils.formatMoney(row.total, row.user.currency)"/>
diff --git a/resources/assets/js/views/items/Create.vue b/resources/assets/js/views/items/Create.vue
index 277a2f15..31e96798 100644
--- a/resources/assets/js/views/items/Create.vue
+++ b/resources/assets/js/views/items/Create.vue
@@ -113,7 +113,7 @@ export default {
         { name: 'km', value: 'km' },
         { name: 'lb', value: 'lb' },
         { name: 'mg', value: 'mg' },
-        { name: 'pc', value: 'pc ' }
+        { name: 'pc', value: 'pc' }
       ],
       formData: {
         name: '',
diff --git a/resources/assets/js/views/items/Index.vue b/resources/assets/js/views/items/Index.vue
index f9471a48..2d9e2ea2 100644
--- a/resources/assets/js/views/items/Index.vue
+++ b/resources/assets/js/views/items/Index.vue
@@ -246,7 +246,7 @@ export default {
         { name: 'km', value: 'km' },
         { name: 'lb', value: 'lb' },
         { name: 'mg', value: 'mg' },
-        { name: 'pc', value: 'pc ' }
+        { name: 'pc', value: 'pc' }
       ],
       isRequestOngoing: true,
       filtersApplied: false,