diff --git a/erpnext/accounts/page/bank_reconciliation/bank_reconciliation.js b/erpnext/accounts/page/bank_reconciliation/bank_reconciliation.js
index 6553d5ca195..306ffafb43b 100644
--- a/erpnext/accounts/page/bank_reconciliation/bank_reconciliation.js
+++ b/erpnext/accounts/page/bank_reconciliation/bank_reconciliation.js
@@ -22,6 +22,8 @@ erpnext.accounts.bankReconciliation = class BankReconciliation {
 		const me = this;
 
 		me.$main_section = $(`<div class="reconciliation page-main-content"></div>`).appendTo(me.page.main);
+		const empty_state = __("Upload a bank statement, link or reconcile a bank account")
+		me.$main_section.append(`<div class="text-center"><h5 class="text-muted">${empty_state}</h5></div>`)
 
 		me.page.add_field({
 			fieldtype: 'Link',
diff --git a/erpnext/accounts/page/bank_reconciliation/bank_transaction_row.html b/erpnext/accounts/page/bank_reconciliation/bank_transaction_row.html
index 755db564671..699fd673fcc 100644
--- a/erpnext/accounts/page/bank_reconciliation/bank_transaction_row.html
+++ b/erpnext/accounts/page/bank_reconciliation/bank_transaction_row.html
@@ -19,7 +19,8 @@
 		</div>
 		<div class="col-xs-3 col-sm-1">
 			<div class="btn-group">
-				<a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+				<a class="dropdown-toggle btn btn-primary btn-xs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+					<span>Actions </span>
 					<span class="caret"></span>
 				</a>
 				<ul class="dropdown-menu reports-dropdown" style="max-height: 300px; overflow-y: auto; right: 0px; left: auto;">