diff --git a/src/components/BankTransactions/BankTransactionsHeader.tsx b/src/components/BankTransactions/BankTransactionsHeader.tsx
index aa209bd46..052131d2d 100644
--- a/src/components/BankTransactions/BankTransactionsHeader.tsx
+++ b/src/components/BankTransactions/BankTransactionsHeader.tsx
@@ -275,14 +275,19 @@ export const BankTransactionsHeader = ({
)}
-
-
-
-
+
+ {showBulkActions
+ ? null
+ : (
+
+
+
+
+ )}
)
diff --git a/src/components/BankTransactionsMobileList/BankTransactionsMobileBulkActionsHeader.tsx b/src/components/BankTransactionsMobileList/BankTransactionsMobileBulkActionsHeader.tsx
index 5ed7ef98b..75ac71282 100644
--- a/src/components/BankTransactionsMobileList/BankTransactionsMobileBulkActionsHeader.tsx
+++ b/src/components/BankTransactionsMobileList/BankTransactionsMobileBulkActionsHeader.tsx
@@ -31,8 +31,8 @@ export const BankTransactionsMobileBulkActionsHeader = ({
return (
diff --git a/src/components/BulkActionsModule/BulkActionsModule.tsx b/src/components/BulkActionsModule/BulkActionsModule.tsx
index 1818cd65b..3df7adc7e 100644
--- a/src/components/BulkActionsModule/BulkActionsModule.tsx
+++ b/src/components/BulkActionsModule/BulkActionsModule.tsx
@@ -16,7 +16,7 @@ export const BulkActionsModule = ({ slots }: BulkActionsModuleProps) => {
const { count } = useCountSelectedIds()
const { clearSelection } = useBulkSelectionActions()
return (
-
+
{`${count} selected`}
diff --git a/src/components/BulkActionsModule/bulkActionsModule.scss b/src/components/BulkActionsModule/bulkActionsModule.scss
index 71f59cdd4..54526d586 100644
--- a/src/components/BulkActionsModule/bulkActionsModule.scss
+++ b/src/components/BulkActionsModule/bulkActionsModule.scss
@@ -1,4 +1,9 @@
+.Layer__BulkActionsModule {
+ max-width: 100%;
+}
+
.Layer__BulkActionsModule__SelectedItemsContainer {
+ flex-shrink: 0;
height: 2.25rem;
border-radius: var(--border-radius-2xs);
border: 1px solid var(--color-base-300);
diff --git a/src/styles/bank_transactions.scss b/src/styles/bank_transactions.scss
index ecdc996fe..cb4491b43 100644
--- a/src/styles/bank_transactions.scss
+++ b/src/styles/bank_transactions.scss
@@ -839,6 +839,8 @@
position: sticky;
z-index: 2;
top: 0;
+ padding-right: 0;
+ padding-left: 0;
border-top-left-radius: var(--border-radius-sm);
border-top-right-radius: var(--border-radius-sm);
box-shadow: 0 -1px 0 0 rgb(23 51 45 / 16%) inset;
diff --git a/src/styles/bank_transactions_mobile_list.scss b/src/styles/bank_transactions_mobile_list.scss
index f60ec3f8b..f166f0250 100644
--- a/src/styles/bank_transactions_mobile_list.scss
+++ b/src/styles/bank_transactions_mobile_list.scss
@@ -8,11 +8,11 @@
.Layer__bank-transaction-mobile-list-item {
box-sizing: border-box;
- width: 95%;
+ width: 100%;
padding: 0;
border-radius: var(--border-radius-sm);
border: 1px solid var(--border-color);
- margin: var(--spacing-2xs) var(--spacing-md);
+ margin: var(--spacing-2xs) 0;
background: var(--color-base-0);
cursor: pointer;
user-select: none;