Fix publish button alignment
diff --git a/erpnext/public/js/hub/components/publishing_area.js b/erpnext/public/js/hub/components/publishing_area.js
index 4775c3b..17b9ec7 100644
--- a/erpnext/public/js/hub/components/publishing_area.js
+++ b/erpnext/public/js/hub/components/publishing_area.js
@@ -13,7 +13,7 @@
 
     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 286e3be..c0f0394 100644
--- a/erpnext/public/less/hub.less
+++ b/erpnext/public/less/hub.less
@@ -234,6 +234,12 @@
 		}
 	}
 
+	.publish-area-head {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 20px;
+	}
+	
 	.form-container {
 		.frappe-control {
 			max-width: 100% !important;