diff --git a/test/e2e/tests/add-account.spec.js b/test/e2e/tests/add-account.spec.js
index cf544bb38..5c04094a3 100644
--- a/test/e2e/tests/add-account.spec.js
+++ b/test/e2e/tests/add-account.spec.js
@@ -42,7 +42,7 @@ describe('Add account', function () {
await driver.clickElement('[data-testid="account-menu-icon"]');
await driver.clickElement(
- '[data-testid="multichain-account-menu-add-account"]',
+ '[data-testid="multichain-account-menu-popover-add-account"]',
);
await driver.fill('[placeholder="Account 2"]', '2nd account');
@@ -84,7 +84,7 @@ describe('Add account', function () {
// Create 2nd account
await driver.clickElement('[data-testid="account-menu-icon"]');
await driver.clickElement(
- '[data-testid="multichain-account-menu-add-account"]',
+ '[data-testid="multichain-account-menu-popover-add-account"]',
);
await driver.fill('[placeholder="Account 2"]', '2nd account');
await driver.clickElement({ text: 'Create', tag: 'button' });
@@ -188,7 +188,7 @@ describe('Add account', function () {
await driver.clickElement('[data-testid="account-menu-icon"]');
await driver.clickElement(
- '[data-testid="multichain-account-menu-add-account"]',
+ '[data-testid="multichain-account-menu-popover-add-account"]',
);
await driver.fill('[placeholder="Account 2"]', '2nd account');
await driver.clickElement({ text: 'Create', tag: 'button' });
diff --git a/test/e2e/user-actions-benchmark.js b/test/e2e/user-actions-benchmark.js
index 00a53c8d0..07843ecdf 100644
--- a/test/e2e/user-actions-benchmark.js
+++ b/test/e2e/user-actions-benchmark.js
@@ -36,7 +36,7 @@ async function loadNewAccount() {
await driver.clickElement('[data-testid="account-menu-icon"]');
const timestampBeforeAction = new Date();
await driver.clickElement(
- '[data-testid="multichain-account-menu-add-account"]',
+ '[data-testid="multichain-account-menu-popover-add-account"]',
);
await driver.fill('[placeholder="Account 2"]', '2nd account');
await driver.clickElement({ text: 'Create', tag: 'button' });
diff --git a/ui/components/multichain/account-list-menu/account-list-menu.js b/ui/components/multichain/account-list-menu/account-list-menu.js
index 823e1d679..1461c8a83 100644
--- a/ui/components/multichain/account-list-menu/account-list-menu.js
+++ b/ui/components/multichain/account-list-menu/account-list-menu.js
@@ -101,6 +101,7 @@ export const AccountListMenu = ({ onClose }) => {
centerTitle
onClose={onClose}
onBack={actionMode === '' ? null : () => setActionMode('')}
+ className="multichain-account-menu-popover"
>
{actionMode === 'add' ? (
@@ -129,7 +130,7 @@ export const AccountListMenu = ({ onClose }) => {
) : null}
{actionMode === '' ? (
-
+
{/* Search box */}
{accounts.length > 1 ? (
{
) : null}
{/* Account list block */}
-
+
{searchResults.length === 0 && searchQuery !== '' ? (
{t('noAccountsFound')}
@@ -208,7 +209,7 @@ export const AccountListMenu = ({ onClose }) => {
});
setActionMode('add');
}}
- data-testid="multichain-account-menu-add-account"
+ data-testid="multichain-account-menu-popover-add-account"
>
{t('addAccount')}
diff --git a/ui/components/multichain/account-list-menu/account-list-menu.test.js b/ui/components/multichain/account-list-menu/account-list-menu.test.js
index 9c5ed96cc..8e4637f93 100644
--- a/ui/components/multichain/account-list-menu/account-list-menu.test.js
+++ b/ui/components/multichain/account-list-menu/account-list-menu.test.js
@@ -101,7 +101,7 @@ describe('AccountListMenu', () => {
);
expect(filteredListItems).toHaveLength(0);
expect(
- getByTestId('multichain-account-menu-no-results'),
+ getByTestId('multichain-account-menu-popover-no-results'),
).toBeInTheDocument();
});
diff --git a/ui/components/multichain/account-list-menu/index.scss b/ui/components/multichain/account-list-menu/index.scss
index 5bbb6f0f1..bd4f1d909 100644
--- a/ui/components/multichain/account-list-menu/index.scss
+++ b/ui/components/multichain/account-list-menu/index.scss
@@ -1,4 +1,8 @@
-.multichain-account-menu {
+.multichain-account-menu-popover {
+ .popover-content {
+ border-radius: 0;
+ }
+
&__list {
max-height: 200px;
overflow: auto;