diff --git a/erpnext/public/js/hub/components/items_container.js b/erpnext/public/js/hub/components/items_container.js
index dd29836917a..918569bd16d 100644
--- a/erpnext/public/js/hub/components/items_container.js
+++ b/erpnext/public/js/hub/components/items_container.js
@@ -3,13 +3,13 @@ import { get_item_card_html } from './item_card';
 function get_item_card_container_html(items, title='', get_item_html = get_item_card_html, action='') {
 	const items_html = (items || []).map(item => get_item_html(item)).join('');
 	const title_html = title
-		? `<div class="hub-card-container-header col-sm-12 margin-bottom flex">
+		? `<div class="hub-items-header col-sm-12 margin-bottom flex">
 				<h4>${title}</h4>
 				${action}
 			</div>`
 		: '';
 
-	const html = `<div class="row hub-card-container">
+	const html = `<div class="row hub-items-container">
 		${title_html}
 		${items_html}
 	</div>`;
diff --git a/erpnext/public/js/hub/pages/category.js b/erpnext/public/js/hub/pages/category.js
index 118d196d55c..c279c1aab11 100644
--- a/erpnext/public/js/hub/pages/category.js
+++ b/erpnext/public/js/hub/pages/category.js
@@ -11,7 +11,7 @@ erpnext.hub.Category = class Category extends SubPage {
 	}
 
 	get_items_for_category(category) {
-		this.$wrapper.find('.hub-card-container').empty();
+		this.$wrapper.find('.hub-items-container').empty();
 		return hub.call('get_items', {
 			filters: {
 				hub_category: category
diff --git a/erpnext/public/js/hub/pages/home.js b/erpnext/public/js/hub/pages/home.js
index b7a55cec057..990223894f5 100644
--- a/erpnext/public/js/hub/pages/home.js
+++ b/erpnext/public/js/hub/pages/home.js
@@ -20,7 +20,7 @@ erpnext.hub.Home = class Home extends SubPage {
 	}
 
 	get_items_and_render() {
-		this.$wrapper.find('.hub-card-container').empty();
+		this.$wrapper.find('.hub-items-container').empty();
 		this.get_data()
 			.then(data => {
 				this.render(data);
diff --git a/erpnext/public/js/hub/pages/published_products.js b/erpnext/public/js/hub/pages/published_products.js
index f20fb27762a..17c115e70f2 100644
--- a/erpnext/public/js/hub/pages/published_products.js
+++ b/erpnext/public/js/hub/pages/published_products.js
@@ -3,7 +3,7 @@ import { get_item_card_container_html } from '../components/items_container';
 
 erpnext.hub.PublishedProducts = class PublishedProducts extends SubPage {
 	get_items_and_render() {
-		this.$wrapper.find('.hub-card-container').empty();
+		this.$wrapper.find('.hub-items-container').empty();
 		this.get_published_products()
 			.then(items => this.render(items));
 	}
diff --git a/erpnext/public/less/hub.less b/erpnext/public/less/hub.less
index 51fe3405357..ac0aa42ae10 100644
--- a/erpnext/public/less/hub.less
+++ b/erpnext/public/less/hub.less
@@ -223,15 +223,10 @@ body[data-route^="marketplace/"] {
 		border-bottom: none;
 	}
 
-	.hub-card-container {
-		.hub-card-container-header {
-			margin-top: 32px;
+	.hub-items-container {
+		.hub-items-header {
 			justify-content: space-between;
 			align-items: baseline;
-
-			h4 {
-				font-weight: 500;
-			}
 		}
 	}