diff --git a/erpnext/public/js/hub/pages/Buying.vue b/erpnext/public/js/hub/pages/Buying.vue
index 7c3fc27bbde..ddb4b11db90 100644
--- a/erpnext/public/js/hub/pages/Buying.vue
+++ b/erpnext/public/js/hub/pages/Buying.vue
@@ -3,7 +3,7 @@
 		<section-header>
 			<h4>{{ __('Buying') }}</h4>
 		</section-header>
-		<div class="row" v-if="items">
+		<div class="row" v-if="items && items.length">
 			<div class="col-md-7 margin-bottom"
 				v-for="item of items"
 				:key="item.name"
diff --git a/erpnext/public/js/hub/pages/Selling.vue b/erpnext/public/js/hub/pages/Selling.vue
index bf2ba92d45a..9c8ede66642 100644
--- a/erpnext/public/js/hub/pages/Selling.vue
+++ b/erpnext/public/js/hub/pages/Selling.vue
@@ -3,7 +3,7 @@
 		<section-header>
 			<h4>{{ __('Selling') }}</h4>
 		</section-header>
-		<div class="row" v-if="items">
+		<div class="row" v-if="items && items.length">
 			<div class="col-md-7"
 				style="margin-bottom: 30px;"
 				v-for="item of items"