diff --git a/src/components/BankAccounts/index.tsx b/src/components/BankAccounts/index.tsx
index ed0c24f5a..8302b4047 100644
--- a/src/components/BankAccounts/index.tsx
+++ b/src/components/BankAccounts/index.tsx
@@ -126,6 +126,7 @@ const BankAccountTitle = styled.div`
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0px;
+  padding-right: 24px;
 `;
 
 const BnakAccountCode = styled.div`
diff --git a/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.tsx b/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.tsx
index be262af00..551574245 100644
--- a/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.tsx
+++ b/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.tsx
@@ -57,34 +57,34 @@ function CustomerDetailsActionsBar({
 
   // Handle new invoice button click.
   const handleNewInvoiceClick = () => {
-    history.push('invoices/new');
+    history.push('/invoices/new');
     closeDrawer('customer-detail-drawer');
   };
   // Handle new receipt button click.
   const handleNewReceiptClick = () => {
-    history.push('receipts/new');
+    history.push('/receipts/new');
     closeDrawer('customer-detail-drawer');
   };
   // Handle new payment receive button click.
   const handleNewPaymentClick = () => {
-    history.push('payment-receives/new');
+    history.push('/payment-receives/new');
     closeDrawer('customer-detail-drawer');
   };
   // Handle new estimate button click.
   const handleNewEstimateClick = () => {
-    history.push('estimates/new');
+    history.push('/estimates/new');
     closeDrawer('customer-detail-drawer');
   };
-
+  // Handles delete customer click.
   const handleDeleteCustomer = () => {
     openAlert(`customer-delete`, { contactId: customerId });
   };
-
+  // Handles edit customer click.
   const handleEditContact = () => {
     history.push(`/customers/${customerId}/edit`);
     closeDrawer('customer-details-drawer');
   };
-
+  // Handle edit opening balance click.
   const handleEditOpeningBalance = () => {
     openDialog('customer-opening-balance', { customerId });
   };
diff --git a/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.tsx b/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.tsx
index 5aaad1186..f5b6c6251 100644
--- a/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.tsx
+++ b/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.tsx
@@ -64,12 +64,12 @@ function VendorDetailsActionsBar({
   };
 
   const handleNewInvoiceClick = () => {
-    history.push('bills/new');
+    history.push('/bills/new');
     closeDrawer('vendor-detail-drawer');
   };
 
   const handleNewPaymentClick = () => {
-    history.push('payment-mades/new');
+    history.push('/payment-mades/new');
     closeDrawer('vendor-detail-drawer');
   };