diff --git a/erpnext/public/js/hub/components/publishing_area.js b/erpnext/public/js/hub/components/publishing_area.js
index 4775c3b16ee..17b9ec77b1d 100644
--- a/erpnext/public/js/hub/components/publishing_area.js
+++ b/erpnext/public/js/hub/components/publishing_area.js
@@ -13,7 +13,7 @@ function get_publishing_header() {
 
     return $(`
         <div class="publish-area empty">
-            <div class="flex justify-between align-flex-end">
+            <div class="publish-area-head">
                 ${title_html}
                 ${publish_button_html}
             </div>
diff --git a/erpnext/public/less/hub.less b/erpnext/public/less/hub.less
index 286e3be10f7..c0f03946a70 100644
--- a/erpnext/public/less/hub.less
+++ b/erpnext/public/less/hub.less
@@ -234,6 +234,12 @@ body[data-route^="marketplace/"] {
 		}
 	}
 
+	.publish-area-head {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 20px;
+	}
+	
 	.form-container {
 		.frappe-control {
 			max-width: 100% !important;