diff --git a/shared/constants/multichain/networks.ts b/shared/constants/multichain/networks.ts
index de5e50639374..9acc6fb56ec3 100644
--- a/shared/constants/multichain/networks.ts
+++ b/shared/constants/multichain/networks.ts
@@ -36,3 +36,7 @@ export const MULTICHAIN_PROVIDER_CONFIGS: Record<
     },
   },
 };
+
+export const MULTICHAIN_NATIVE_CURRENCY_TO_CAIP19 = {
+  BTC: `${MultichainNetworks.BITCOIN}/slip44:0`,
+} as const;
diff --git a/ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.component.js b/ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.component.js
index 6611fbcd68c1..f8c63b6b043a 100644
--- a/ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.component.js
+++ b/ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.component.js
@@ -1,5 +1,4 @@
 import React, { useMemo } from 'react';
-import { useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import { EtherDenomination } from '../../../../shared/constants/common';
 import { PRIMARY, SECONDARY } from '../../../helpers/constants/common';
@@ -10,12 +9,14 @@ import {
   getMultichainNativeCurrency,
   getMultichainCurrentNetwork,
 } from '../../../selectors/multichain';
+import { useMultichainSelector } from '../../../hooks/useMultichainSelector';
 
 /* eslint-disable jsdoc/require-param-name */
 // eslint-disable-next-line jsdoc/require-param
 /** @param {PropTypes.InferProps<typeof UserPreferencedCurrencyDisplayPropTypes>>} */
 export default function UserPreferencedCurrencyDisplay({
   'data-testid': dataTestId,
+  account,
   ethNumberOfDecimals,
   fiatNumberOfDecimals,
   numberOfDecimals: propsNumberOfDecimals,
@@ -26,9 +27,16 @@ export default function UserPreferencedCurrencyDisplay({
   showCurrencySuffix,
   ...restProps
 }) {
-  const currentNetwork = useSelector(getMultichainCurrentNetwork);
-  const nativeCurrency = useSelector(getMultichainNativeCurrency);
+  const currentNetwork = useMultichainSelector(
+    getMultichainCurrentNetwork,
+    account,
+  );
+  const nativeCurrency = useMultichainSelector(
+    getMultichainNativeCurrency,
+    account,
+  );
   const { currency, numberOfDecimals } = useUserPreferencedCurrency(type, {
+    account,
     ethNumberOfDecimals,
     fiatNumberOfDecimals,
     numberOfDecimals: propsNumberOfDecimals,
@@ -56,6 +64,7 @@ export default function UserPreferencedCurrencyDisplay({
   return (
     <CurrencyDisplay
       {...restProps}
+      account={account}
       currency={currency}
       data-testid={dataTestId}
       numberOfDecimals={numberOfDecimals}
@@ -67,6 +76,7 @@ export default function UserPreferencedCurrencyDisplay({
 
 const UserPreferencedCurrencyDisplayPropTypes = {
   className: PropTypes.string,
+  account: PropTypes.object,
   'data-testid': PropTypes.string,
   prefix: PropTypes.string,
   value: PropTypes.string,
diff --git a/ui/components/multichain/account-list-item/__snapshots__/account-list-item.test.js.snap b/ui/components/multichain/account-list-item/__snapshots__/account-list-item.test.js.snap
index a30725e9989f..d97d0fd70fbe 100644
--- a/ui/components/multichain/account-list-item/__snapshots__/account-list-item.test.js.snap
+++ b/ui/components/multichain/account-list-item/__snapshots__/account-list-item.test.js.snap
@@ -1,6 +1,301 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AccountListItem renders AccountListItem component and shows account name, address, and balance 1`] = `
+exports[`AccountListItem renders AccountListItem component and shows account name, address, and balance for non-EVM account: non-EVM-account-list-item 1`] = `
+<div>
+  <div
+    class="mm-box multichain-account-list-item multichain-account-list-item--clickable mm-box--padding-4 mm-box--display-flex mm-box--background-color-transparent"
+  >
+    <div
+      class="mm-box mm-box--display-flex mm-box--sm:display-none"
+      data-testid="account-list-item-badge"
+    >
+      <button
+        class="mm-box multichain-badge-status mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--background-color-transparent"
+        data-testid="multichain-badge-status"
+      >
+        <div>
+          <div
+            aria-describedby="tippy-tooltip-2"
+            class=""
+            data-original-title="Not connected"
+            data-tooltipped=""
+            style="display: flex;"
+            tabindex="0"
+          >
+            <div
+              class="mm-box mm-badge-wrapper mm-box--display-inline-block"
+            >
+              <div
+                class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-account mm-text--body-sm mm-text--text-transform-uppercase mm-box--margin-inline-end-2 mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-text-default mm-box--background-color-background-alternative mm-box--rounded-full mm-box--border-color-transparent box--border-style-solid box--border-width-1"
+              >
+                <div
+                  class="mm-avatar-account__jazzicon"
+                >
+                  <div
+                    style="border-radius: 50px; overflow: hidden; padding: 0px; margin: 0px; width: 32px; height: 32px; display: inline-block; background: rgb(250, 58, 0);"
+                  >
+                    <svg
+                      height="32"
+                      width="32"
+                      x="0"
+                      y="0"
+                    >
+                      <rect
+                        fill="#18CDF2"
+                        height="32"
+                        transform="translate(-1.04839350379394 -3.3042840694604987) rotate(328.9 16 16)"
+                        width="32"
+                        x="0"
+                        y="0"
+                      />
+                      <rect
+                        fill="#035E56"
+                        height="32"
+                        transform="translate(-18.298461708832043 10.5924618717486) rotate(176.2 16 16)"
+                        width="32"
+                        x="0"
+                        y="0"
+                      />
+                      <rect
+                        fill="#F26602"
+                        height="32"
+                        transform="translate(16.667842018223922 -14.205139722997082) rotate(468.9 16 16)"
+                        width="32"
+                        x="0"
+                        y="0"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-account mm-text--body-sm mm-text--text-transform-uppercase mm-box--margin-inline-end-2 mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-text-default mm-box--background-color-background-alternative mm-box--rounded-full mm-box--border-color-transparent box--border-style-solid box--border-width-1"
+              >
+                <div
+                  class="mm-avatar-account__jazzicon"
+                >
+                  <div
+                    style="border-radius: 50px; overflow: hidden; padding: 0px; margin: 0px; width: 32px; height: 32px; display: inline-block; background: rgb(250, 58, 0);"
+                  >
+                    <svg
+                      height="32"
+                      width="32"
+                      x="0"
+                      y="0"
+                    >
+                      <rect
+                        fill="#18CDF2"
+                        height="32"
+                        transform="translate(-1.04839350379394 -3.3042840694604987) rotate(328.9 16 16)"
+                        width="32"
+                        x="0"
+                        y="0"
+                      />
+                      <rect
+                        fill="#035E56"
+                        height="32"
+                        transform="translate(-18.298461708832043 10.5924618717486) rotate(176.2 16 16)"
+                        width="32"
+                        x="0"
+                        y="0"
+                      />
+                      <rect
+                        fill="#F26602"
+                        height="32"
+                        transform="translate(16.667842018223922 -14.205139722997082) rotate(468.9 16 16)"
+                        width="32"
+                        x="0"
+                        y="0"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="mm-box mm-badge-wrapper__badge-container"
+                style="bottom: -1px; right: 2px;"
+              >
+                <div
+                  class="mm-box multichain-badge-status__badge mm-box--background-color-border-muted mm-box--rounded-full mm-box--border-color-background-default mm-box--border-width-4 box--border-style-solid"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </button>
+    </div>
+    <div
+      class="mm-box mm-box--display-none mm-box--sm:display-flex"
+    >
+      <div
+        class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-account mm-text--body-sm mm-text--text-transform-uppercase mm-box--margin-inline-end-2 mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-text-default mm-box--background-color-background-alternative mm-box--rounded-full mm-box--border-color-transparent box--border-style-solid box--border-width-1"
+      >
+        <div
+          class="mm-avatar-account__jazzicon"
+        >
+          <div
+            style="border-radius: 50px; overflow: hidden; padding: 0px; margin: 0px; width: 32px; height: 32px; display: inline-block; background: rgb(250, 58, 0);"
+          >
+            <svg
+              height="32"
+              width="32"
+              x="0"
+              y="0"
+            >
+              <rect
+                fill="#18CDF2"
+                height="32"
+                transform="translate(-1.04839350379394 -3.3042840694604987) rotate(328.9 16 16)"
+                width="32"
+                x="0"
+                y="0"
+              />
+              <rect
+                fill="#035E56"
+                height="32"
+                transform="translate(-18.298461708832043 10.5924618717486) rotate(176.2 16 16)"
+                width="32"
+                x="0"
+                y="0"
+              />
+              <rect
+                fill="#F26602"
+                height="32"
+                transform="translate(16.667842018223922 -14.205139722997082) rotate(468.9 16 16)"
+                width="32"
+                x="0"
+                y="0"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-account mm-text--body-sm mm-text--text-transform-uppercase mm-box--margin-inline-end-2 mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-text-default mm-box--background-color-background-alternative mm-box--rounded-full mm-box--border-color-transparent box--border-style-solid box--border-width-1"
+      >
+        <div
+          class="mm-avatar-account__jazzicon"
+        >
+          <div
+            style="border-radius: 50px; overflow: hidden; padding: 0px; margin: 0px; width: 32px; height: 32px; display: inline-block; background: rgb(250, 58, 0);"
+          >
+            <svg
+              height="32"
+              width="32"
+              x="0"
+              y="0"
+            >
+              <rect
+                fill="#18CDF2"
+                height="32"
+                transform="translate(-1.04839350379394 -3.3042840694604987) rotate(328.9 16 16)"
+                width="32"
+                x="0"
+                y="0"
+              />
+              <rect
+                fill="#035E56"
+                height="32"
+                transform="translate(-18.298461708832043 10.5924618717486) rotate(176.2 16 16)"
+                width="32"
+                x="0"
+                y="0"
+              />
+              <rect
+                fill="#F26602"
+                height="32"
+                transform="translate(16.667842018223922 -14.205139722997082) rotate(468.9 16 16)"
+                width="32"
+                x="0"
+                y="0"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mm-box multichain-account-list-item__content mm-box--display-flex mm-box--flex-direction-column"
+    >
+      <div
+        class="mm-box mm-box--display-flex mm-box--flex-direction-column"
+      >
+        <div
+          class="mm-box mm-box--display-flex mm-box--justify-content-space-between"
+        >
+          <div
+            class="mm-box multichain-account-list-item__account-name mm-box--margin-inline-end-2 mm-box--display-flex mm-box--gap-2 mm-box--align-items-center"
+          >
+            <button
+              class="mm-box mm-text multichain-account-list-item__account-name__button mm-text--body-md-medium mm-text--ellipsis mm-text--text-align-left mm-box--padding-0 mm-box--width-full mm-box--color-text-default mm-box--background-color-transparent"
+            >
+              Test Account
+            </button>
+          </div>
+          <div
+            class="mm-box mm-text multichain-account-list-item__asset mm-text--body-md mm-text--ellipsis mm-text--text-align-end mm-box--display-flex mm-box--flex-direction-row mm-box--justify-content-flex-end mm-box--align-items-center mm-box--color-text-default"
+          >
+            <div
+              class="mm-box currency-display-component mm-box--display-flex mm-box--flex-wrap-wrap mm-box--align-items-center"
+              data-testid="first-currency-display"
+              title="$100,000.00 USD"
+            >
+              <span
+                class="mm-box mm-text currency-display-component__text mm-text--inherit mm-text--ellipsis mm-box--color-text-default"
+              >
+                $100,000.00
+              </span>
+              <span
+                class="mm-box mm-text currency-display-component__suffix mm-text--inherit mm-box--margin-inline-start-1 mm-box--color-text-default"
+              >
+                USD
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mm-box mm-box--display-flex mm-box--justify-content-space-between"
+      >
+        <div
+          class="mm-box mm-box--display-flex mm-box--align-items-center"
+        >
+          <p
+            class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
+          >
+            0x0DCD5...3E7bc
+          </p>
+        </div>
+        <div
+          class="mm-box multichain-avatar-group mm-box--display-flex mm-box--gap-1 mm-box--align-items-center"
+          data-testid="avatar-group"
+        >
+          <div
+            class="mm-box mm-box--display-flex"
+          >
+            <div
+              class="mm-box mm-box--rounded-full"
+              style="margin-left: 0px;"
+            >
+              <div
+                class="mm-box mm-text mm-avatar-base mm-avatar-base--size-xs mm-avatar-token mm-text--body-xs mm-text--text-transform-uppercase mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-text-default mm-box--background-color-background-alternative mm-box--rounded-full"
+              >
+                <img
+                  alt="undefined logo"
+                  class="mm-avatar-token__token-image"
+                  src="./images/bitcoin-logo.svg"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`AccountListItem renders AccountListItem component and shows account name, address, and balance: evm-account-list-item 1`] = `
 <div>
   <div
     class="mm-box multichain-account-list-item multichain-account-list-item--clickable mm-box--padding-4 mm-box--display-flex mm-box--background-color-transparent"
@@ -237,6 +532,7 @@ exports[`AccountListItem renders AccountListItem component and shows account nam
           >
             <div
               class="mm-box currency-display-component mm-box--display-flex mm-box--flex-wrap-wrap mm-box--align-items-center"
+              data-testid="first-currency-display"
               title="$880.18 USD"
             >
               <span
@@ -278,6 +574,7 @@ exports[`AccountListItem renders AccountListItem component and shows account nam
           >
             <div
               class="mm-box currency-display-component mm-box--display-flex mm-box--flex-wrap-wrap mm-box--align-items-center"
+              data-testid="second-currency-display"
               title="0.006 ETH"
             >
               <span
diff --git a/ui/components/multichain/account-list-item/account-list-item.js b/ui/components/multichain/account-list-item/account-list-item.js
index 09e9b0455366..61e94e710a70 100644
--- a/ui/components/multichain/account-list-item/account-list-item.js
+++ b/ui/components/multichain/account-list-item/account-list-item.js
@@ -39,7 +39,6 @@ import {
 import { KeyringType } from '../../../../shared/constants/keyring';
 import UserPreferencedCurrencyDisplay from '../../app/user-preferenced-currency-display/user-preferenced-currency-display.component';
 import { PRIMARY, SECONDARY } from '../../../helpers/constants/common';
-import { getNativeCurrency } from '../../../ducks/metamask/metamask';
 import Tooltip from '../../ui/tooltip/tooltip';
 import {
   MetaMetricsEventCategory,
@@ -48,12 +47,15 @@ import {
 import { MetaMetricsContext } from '../../../contexts/metametrics';
 import {
   isAccountConnectedToCurrentTab,
-  getCurrentNetwork,
-  getNativeCurrencyImage,
   getShowFiatInTestnets,
   getUseBlockie,
 } from '../../../selectors';
-import { useAccountTotalFiatBalance } from '../../../hooks/useAccountTotalFiatBalance';
+import {
+  getMultichainNativeCurrency,
+  getMultichainNativeCurrencyImage,
+  getMultichainNetwork,
+} from '../../../selectors/multichain';
+import { useAccountTotalFiatBalanceWrapper } from '../../../hooks/useAccountTotalFiatBalanceWrapper';
 import { TEST_NETWORKS } from '../../../../shared/constants/network';
 import { ConnectedStatus } from '../connected-status/connected-status';
 ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
@@ -61,6 +63,7 @@ import { getCustodianIconForAddress } from '../../../selectors/institutional/sel
 import { useTheme } from '../../../hooks/useTheme';
 ///: END:ONLY_INCLUDE_IF
 import { normalizeSafeAddress } from '../../../../app/scripts/lib/multichain/address';
+import { useMultichainSelector } from '../../../hooks/useMultichainSelector';
 import { AccountListItemMenuTypes } from './account-list-item.types';
 
 const MAXIMUM_CURRENCY_DECIMALS = 3;
@@ -87,21 +90,27 @@ export const AccountListItem = ({
     useState();
 
   const useBlockie = useSelector(getUseBlockie);
-  const currentNetwork = useSelector(getCurrentNetwork);
+  const { network: currentNetwork, isEvmNetwork } = useMultichainSelector(
+    getMultichainNetwork,
+    account,
+  );
   const setAccountListItemMenuRef = (ref) => {
     setAccountListItemMenuElement(ref);
   };
   const showFiatInTestnets = useSelector(getShowFiatInTestnets);
   const showFiat =
-    TEST_NETWORKS.includes(currentNetwork?.nickname) && !showFiatInTestnets;
-  const { totalWeiBalance, orderedTokenList } = useAccountTotalFiatBalance(
-    account.address,
+    !isEvmNetwork ||
+    (TEST_NETWORKS.includes(currentNetwork?.nickname) && !showFiatInTestnets);
+  const accountTotalFiatBalances = useAccountTotalFiatBalanceWrapper(account);
+  const mappedOrderedTokenList = accountTotalFiatBalances.orderedTokenList.map(
+    (item) => ({
+      avatarValue: item.iconUrl,
+    }),
   );
-  const mappedOrderedTokenList = orderedTokenList.map((item) => ({
-    avatarValue: item.iconUrl,
-  }));
-  let balanceToTranslate = totalWeiBalance;
-  if (showFiat) {
+  let balanceToTranslate = isEvmNetwork
+    ? accountTotalFiatBalances.totalWeiBalance
+    : accountTotalFiatBalances.totalFiatBalance;
+  if (showFiat && isEvmNetwork) {
     balanceToTranslate = account.balance;
   }
 
@@ -122,8 +131,14 @@ export const AccountListItem = ({
   }, [itemRef, selected]);
 
   const trackEvent = useContext(MetaMetricsContext);
-  const primaryTokenImage = useSelector(getNativeCurrencyImage);
-  const nativeCurrency = useSelector(getNativeCurrency);
+  const primaryTokenImage = useMultichainSelector(
+    getMultichainNativeCurrencyImage,
+    account,
+  );
+  const nativeCurrency = useMultichainSelector(
+    getMultichainNativeCurrency,
+    account,
+  );
   const currentTabIsConnectedToSelectedAddress = useSelector((state) =>
     isAccountConnectedToCurrentTab(state, account.address),
   );
@@ -287,12 +302,14 @@ export const AccountListItem = ({
               textAlign={TextAlign.End}
             >
               <UserPreferencedCurrencyDisplay
+                account={account}
                 ethNumberOfDecimals={MAXIMUM_CURRENCY_DECIMALS}
                 value={balanceToTranslate}
                 type={PRIMARY}
                 showFiat={
                   !showFiat || !TEST_NETWORKS.includes(currentNetwork?.nickname)
                 }
+                data-testid="first-currency-display"
               />
             </Text>
           </Box>
@@ -306,7 +323,7 @@ export const AccountListItem = ({
               {shortenAddress(normalizeSafeAddress(account.address))}
             </Text>
           </Box>
-          {mappedOrderedTokenList.length > 1 ? (
+          {mappedOrderedTokenList.length > 1 || !isEvmNetwork ? (
             <AvatarGroup members={mappedOrderedTokenList} limit={4} />
           ) : (
             <Box
@@ -329,10 +346,12 @@ export const AccountListItem = ({
                 as="div"
               >
                 <UserPreferencedCurrencyDisplay
+                  account={account}
                   ethNumberOfDecimals={MAXIMUM_CURRENCY_DECIMALS}
                   value={account.balance}
                   type={SECONDARY}
                   showNative
+                  data-testid="second-currency-display"
                 />
               </Text>
             </Box>
diff --git a/ui/components/multichain/account-list-item/account-list-item.test.js b/ui/components/multichain/account-list-item/account-list-item.test.js
index 03433eb112ab..8accbca03189 100644
--- a/ui/components/multichain/account-list-item/account-list-item.test.js
+++ b/ui/components/multichain/account-list-item/account-list-item.test.js
@@ -1,14 +1,19 @@
 /* eslint-disable jest/require-top-level-describe */
 import React from 'react';
 import { fireEvent, screen } from '@testing-library/react';
+import { merge } from 'lodash';
 import { renderWithProvider } from '../../../../test/jest';
 import configureStore from '../../../store/store';
 import mockState from '../../../../test/data/mock-state.json';
 import { shortenAddress } from '../../../helpers/utils/util';
 import { toChecksumHexAddress } from '../../../../shared/modules/hexstring-utils';
+import {
+  SEPOLIA_DISPLAY_NAME,
+  CHAIN_IDS,
+} from '../../../../shared/constants/network';
 import { AccountListItem, AccountListItemMenuTypes } from '.';
 
-const account = {
+const mockAccount = {
   ...mockState.metamask.internalAccounts.accounts[
     'cf8dace4-9439-4bd4-b3a8-88c821c8fcb3'
   ],
@@ -18,15 +23,45 @@ const account = {
   },
 };
 
+const mockNonEVMAccount = {
+  ...mockAccount,
+  id: 'b7893c59-e376-4cc0-93ad-05ddaab574a6',
+  addres: 'bc1qn3stuu6g37rpxk3jfxr4h4zmj68g0lwxx5eker',
+  type: 'bip122:p2wpkh',
+};
+
 const DEFAULT_PROPS = {
-  account,
+  account: mockAccount,
   onClick: jest.fn(),
 };
 
-const render = (props = {}) => {
-  const store = configureStore({
+const render = (props = {}, state = {}) => {
+  const defaultState = {
     metamask: {
       ...mockState.metamask,
+      completedOnboarding: true,
+      internalAccounts: {
+        accounts: {
+          ...mockState.metamask.internalAccounts.accounts,
+          [mockAccount.id]: mockAccount,
+          [mockNonEVMAccount.id]: mockNonEVMAccount,
+        },
+        selectedAccount: mockAccount.id,
+      },
+      balances: {
+        [mockNonEVMAccount.id]: {
+          'bip122:000000000019d6689c085ae165831e93/slip44:0': {
+            amount: '1.00000000',
+            unit: 'BTC',
+          },
+        },
+      },
+      rates: {
+        btc: {
+          conversionDate: 0,
+          conversionRate: '100000',
+        },
+      },
     },
     activeTab: {
       id: 113,
@@ -35,7 +70,9 @@ const render = (props = {}) => {
       protocol: 'https:',
       url: 'https://metamask.github.io/test-dapp/',
     },
-  });
+  };
+
+  const store = configureStore(merge(defaultState, state));
   const allProps = { ...DEFAULT_PROPS, ...props };
   return renderWithProvider(<AccountListItem {...allProps} />, store);
 };
@@ -43,13 +80,30 @@ const render = (props = {}) => {
 describe('AccountListItem', () => {
   it('renders AccountListItem component and shows account name, address, and balance', () => {
     const { container } = render();
-    expect(screen.getByText(account.metadata.name)).toBeInTheDocument();
+    expect(screen.getByText(mockAccount.metadata.name)).toBeInTheDocument();
     expect(
-      screen.getByText(shortenAddress(toChecksumHexAddress(account.address))),
+      screen.getByText(
+        shortenAddress(toChecksumHexAddress(mockAccount.address)),
+      ),
     ).toBeInTheDocument();
     expect(document.querySelector('[title="0.006 ETH"]')).toBeInTheDocument();
 
-    expect(container).toMatchSnapshot();
+    expect(container).toMatchSnapshot('evm-account-list-item');
+  });
+
+  it('renders AccountListItem component and shows account name, address, and balance for non-EVM account', () => {
+    const { container } = render({ account: mockNonEVMAccount });
+    expect(screen.getByText(mockAccount.metadata.name)).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        shortenAddress(toChecksumHexAddress(mockAccount.address)),
+      ),
+    ).toBeInTheDocument();
+    expect(
+      document.querySelector('[title="$100,000.00 USD"]'),
+    ).toBeInTheDocument();
+
+    expect(container).toMatchSnapshot('non-EVM-account-list-item');
   });
 
   it('renders selected block when account is selected', () => {
@@ -63,9 +117,9 @@ describe('AccountListItem', () => {
     render({
       selected: true,
       account: {
-        ...account,
+        ...mockAccount,
         metadata: {
-          ...account.metadata,
+          ...mockAccount.metadata,
           name: 'This is a super long name that requires tooltip',
         },
       },
@@ -110,7 +164,7 @@ describe('AccountListItem', () => {
   it('does not render a tag for a null label', () => {
     const { container } = render({
       account: {
-        ...account,
+        ...mockAccount,
         label: null,
       },
     });
@@ -121,7 +175,7 @@ describe('AccountListItem', () => {
   it('renders the snap label for unnamed snap accounts', () => {
     const { container } = render({
       account: {
-        ...account,
+        ...mockAccount,
         balance: '0x0',
         keyring: 'Snap Keyring',
         label: 'Snaps (Beta)',
@@ -134,7 +188,7 @@ describe('AccountListItem', () => {
   it('renders the snap name for named snap accounts', () => {
     const { container } = render({
       account: {
-        ...account,
+        ...mockAccount,
         balance: '0x0',
         keyring: 'Snap Keyring',
         label: 'Test Snap Name (Beta)',
@@ -144,4 +198,109 @@ describe('AccountListItem', () => {
     expect(tag.textContent).toBe('Test Snap Name (Beta)');
   });
   ///: END:ONLY_INCLUDE_IF
+
+  describe('Multichain Behaviour', () => {
+    describe('currency display', () => {
+      it('renders tokens for EVM account', () => {
+        const { container } = render(
+          {
+            account: mockAccount,
+          },
+          {
+            metamask: {
+              providerConfig: {
+                chainId: CHAIN_IDS.SEPOLIA,
+                nickname: SEPOLIA_DISPLAY_NAME,
+              },
+            },
+          },
+        );
+
+        const firstCurrencyDisplay = container.querySelector(
+          '[data-testid="first-currency-display"]',
+        );
+        const secondCurrencyDisplay = container.querySelector(
+          '[data-testid="second-currency-display"]',
+        );
+        const avatarGroup = container.querySelector(
+          '[data-testid="avatar-group"]',
+        );
+
+        const expectedBalance = '0.006';
+
+        expect(firstCurrencyDisplay).toBeInTheDocument();
+        expect(firstCurrencyDisplay.firstChild.textContent).toContain(
+          expectedBalance,
+        );
+        expect(firstCurrencyDisplay.lastChild.textContent).toContain('ETH');
+        expect(secondCurrencyDisplay.textContent).toContain('');
+        expect(avatarGroup).not.toBeInTheDocument();
+      });
+
+      it('renders fiat for EVM account', () => {
+        const { container } = render(
+          {
+            account: mockAccount,
+          },
+          {
+            metamask: {
+              providerConfig: {
+                chainId: CHAIN_IDS.SEPOLIA,
+                nickname: SEPOLIA_DISPLAY_NAME,
+              },
+              preferences: {
+                showFiatInTestnets: true,
+              },
+            },
+          },
+        );
+
+        const firstCurrencyDisplay = container.querySelector(
+          '[data-testid="first-currency-display"]',
+        );
+        const secondCurrencyDisplay = container.querySelector(
+          '[data-testid="second-currency-display"]',
+        );
+        const avatarGroup = container.querySelector(
+          '[data-testid="avatar-group"]',
+        );
+
+        const expectedBalance = '$0.00';
+
+        expect(firstCurrencyDisplay).toBeInTheDocument();
+        expect(firstCurrencyDisplay.firstChild.textContent).toContain(
+          expectedBalance,
+        );
+        expect(firstCurrencyDisplay.lastChild.textContent).toContain('USD');
+        expect(secondCurrencyDisplay.textContent).toContain('');
+        expect(avatarGroup).not.toBeInTheDocument();
+      });
+
+      it('renders fiat for non-EVM account', () => {
+        const { container } = render({
+          account: mockNonEVMAccount,
+        });
+
+        const firstCurrencyDisplay = container.querySelector(
+          '[data-testid="first-currency-display"]',
+        );
+        const secondCurrencyDisplay = container.querySelector(
+          '[data-testid="second-currency-display"]',
+        );
+        const avatarGroup = container.querySelector(
+          '[data-testid="avatar-group"]',
+        );
+
+        const expectedBalance = '$100,000.00';
+
+        expect(firstCurrencyDisplay).toBeInTheDocument();
+        expect(firstCurrencyDisplay.firstChild.textContent).toContain(
+          expectedBalance,
+        );
+        expect(firstCurrencyDisplay.lastChild.textContent).toContain('USD');
+        expect(secondCurrencyDisplay).not.toBeInTheDocument();
+        expect(avatarGroup).toBeInTheDocument();
+      });
+    });
+  });
 });
diff --git a/ui/components/ui/currency-display/currency-display.component.js b/ui/components/ui/currency-display/currency-display.component.js
index a0465021756f..15b40ecd8ae5 100644
--- a/ui/components/ui/currency-display/currency-display.component.js
+++ b/ui/components/ui/currency-display/currency-display.component.js
@@ -15,6 +15,7 @@ import {
 // eslint-disable-next-line jsdoc/require-param
 /** @param {PropTypes.InferProps<typeof CurrencyDisplayPropTypes>>} */
 export default function CurrencyDisplay({
+  account,
   value,
   displayValue,
   'data-testid': dataTestId,
@@ -34,6 +35,7 @@ export default function CurrencyDisplay({
   ...props
 }) {
   const [title, parts] = useCurrencyDisplay(value, {
+    account,
     displayValue,
     prefix,
     numberOfDecimals,
@@ -91,6 +93,7 @@ export default function CurrencyDisplay({
 
 const CurrencyDisplayPropTypes = {
   className: PropTypes.string,
+  account: PropTypes.object,
   currency: PropTypes.string,
   'data-testid': PropTypes.string,
   denomination: PropTypes.oneOf([
diff --git a/ui/hooks/useAccountTotalFiatBalanceWrapper.ts b/ui/hooks/useAccountTotalFiatBalanceWrapper.ts
new file mode 100644
index 000000000000..6be3914b38fd
--- /dev/null
+++ b/ui/hooks/useAccountTotalFiatBalanceWrapper.ts
@@ -0,0 +1,16 @@
+import { InternalAccount, isEvmAccountType } from '@metamask/keyring-api';
+import { useAccountTotalFiatBalance } from './useAccountTotalFiatBalance';
+import { useMultichainAccountTotalFiatBalance } from './useMultichainAccountTotalFiatBalance';
+
+export const useAccountTotalFiatBalanceWrapper = (
+  account: InternalAccount,
+  shouldHideZeroBalanceTokens: boolean,
+) => {
+  if (isEvmAccountType(account.type)) {
+    return useAccountTotalFiatBalance(
+      account.address,
+      shouldHideZeroBalanceTokens,
+    );
+  }
+  return useMultichainAccountTotalFiatBalance(account);
+};
diff --git a/ui/hooks/useCurrencyDisplay.js b/ui/hooks/useCurrencyDisplay.js
index bd60566bbf88..81f0459396e0 100644
--- a/ui/hooks/useCurrencyDisplay.js
+++ b/ui/hooks/useCurrencyDisplay.js
@@ -13,6 +13,7 @@ import { getValueFromWeiHex } from '../../shared/modules/conversion.utils';
 import { TEST_NETWORK_TICKER_MAP } from '../../shared/constants/network';
 import { Numeric } from '../../shared/modules/Numeric';
 import { EtherDenomination } from '../../shared/constants/common';
+import { useMultichainSelector } from './useMultichainSelector';
 
 // The smallest non-zero amount that can be displayed.
 export const MIN_AMOUNT = 0.000001;
@@ -59,11 +60,25 @@ export const DEFAULT_PRECISION = new BigNumber(MIN_AMOUNT).decimalPlaces();
  */
 export function useCurrencyDisplay(
   inputValue,
-  { displayValue, prefix, numberOfDecimals, denomination, currency, ...opts },
+  {
+    account,
+    displayValue,
+    prefix,
+    numberOfDecimals,
+    denomination,
+    currency,
+    ...opts
+  },
 ) {
-  const isEvm = useSelector(getMultichainIsEvm);
-  const currentCurrency = useSelector(getMultichainCurrentCurrency);
-  const nativeCurrency = useSelector(getMultichainNativeCurrency);
+  const isEvm = useMultichainSelector(getMultichainIsEvm, account);
+  const currentCurrency = useMultichainSelector(
+    getMultichainCurrentCurrency,
+    account,
+  );
+  const nativeCurrency = useMultichainSelector(
+    getMultichainNativeCurrency,
+    account,
+  );
   const conversionRate = useSelector(getConversionRate);
   const isUserPreferredCurrency = currency === currentCurrency;
 
diff --git a/ui/hooks/useMultichainAccountTotalFiatBalance.ts b/ui/hooks/useMultichainAccountTotalFiatBalance.ts
new file mode 100644
index 000000000000..29f9b4609c2c
--- /dev/null
+++ b/ui/hooks/useMultichainAccountTotalFiatBalance.ts
@@ -0,0 +1,107 @@
+import { useSelector } from 'react-redux';
+import { InternalAccount, isEvmAccountType } from '@metamask/keyring-api';
+import {
+  getMultichainCurrencyImage,
+  getMultichainBalances,
+  getMultichainCoinRates,
+  getMultichainNetwork,
+} from '../selectors/multichain';
+import { formatCurrency } from '../helpers/utils/confirm-tx.util';
+import { MULTICHAIN_NATIVE_CURRENCY_TO_CAIP19 } from '../../shared/constants/multichain/networks';
+import { getTokenFiatAmount } from '../helpers/utils/token-util';
+import { useMultichainSelector } from './useMultichainSelector';
+
+const EMPTY_ACCOUNT = {
+  formattedFiat: '0',
+  totalFiatBalance: '0',
+  tokensWithBalances: [],
+  loading: false,
+  orderedTokenList: [],
+  error: null,
+};
+
+export const useMultichainAccountTotalFiatBalance = (
+  account: InternalAccount,
+): {
+  formattedFiat: string;
+  totalFiatBalance: string;
+  tokensWithBalances: {
+    address: string;
+    symbol: string;
+    decimals: string;
+    isERC721: boolean;
+    image: string;
+  }[];
+  loading: boolean;
+  orderedTokenList: { iconUrl: string; symbol: string; fiatBalance: string }[];
+  error: string | null;
+} => {
+  if (isEvmAccountType(account.type)) {
+    return EMPTY_ACCOUNT;
+  }
+
+  // The fiat denomination to display
+  // TODO: fix me when we have a know how to deal with non usd currencies.
+  const currentCurrency = 'usd';
+  const { network } = useMultichainSelector(getMultichainNetwork, account);
+  const ticker = isEvmAccountType(account.type) ? 'ETH' : 'BTC';
+
+  // get rate from rate controller
+  const multichainCoinRates = useSelector(getMultichainCoinRates);
+  // rates uses the lower case ticker
+  const { conversionRate } = multichainCoinRates[network.ticker.toLowerCase()];
+  // chainId will be defined here if it is a multichain account
+  const nativeCurrencyImage: string = useMultichainSelector(
+    getMultichainCurrencyImage,
+    account,
+  );
+
+  const balances = useSelector(getMultichainBalances);
+  // TODO: find dynamic way to ensure balance is the highest denomination.
+  const asset =
+    MULTICHAIN_NATIVE_CURRENCY_TO_CAIP19[
+      ticker as keyof typeof MULTICHAIN_NATIVE_CURRENCY_TO_CAIP19
+    ];
+
+  if (!balances[account.id]?.[asset]) {
+    // FIXME: We might try to get the balance for a created account, but the
+    // BalancesController might not have updated it yet!
+    return EMPTY_ACCOUNT;
+  }
+  const { amount } =
+    balances[account.id][
+      MULTICHAIN_NATIVE_CURRENCY_TO_CAIP19[
+        ticker as keyof typeof MULTICHAIN_NATIVE_CURRENCY_TO_CAIP19
+      ]
+    ];
+
+  const totalFiatBalance =
+    getTokenFiatAmount(
+      1, // coin to native conversion rate is 1:1
+      Number(conversionRate), // native to fiat conversion rate
+      currentCurrency,
+      amount,
+      ticker,
+      false,
+      false,
+    ) ?? '0'; // if the conversion fails, return 0
+
+  // Create an object with native token info. NOTE: Native token info is fetched from a separate controller
+  const nativeTokenValues = {
+    iconUrl: nativeCurrencyImage,
+    symbol: ticker,
+    fiatBalance: totalFiatBalance,
+  };
+
+  // Fiat balance formatted in user's desired currency (ex: "$8.90")
+  const formattedFiat = formatCurrency(totalFiatBalance, currentCurrency);
+
+  return {
+    formattedFiat,
+    totalFiatBalance,
+    tokensWithBalances: [], // TODO: support tokens
+    loading: false, // TODO: support tokens
+    orderedTokenList: [nativeTokenValues], // TODO: support tokens
+    error: null,
+  };
+};
diff --git a/ui/hooks/useMultichainSelector.test.ts b/ui/hooks/useMultichainSelector.test.ts
index 140fe1668d9c..78871b204b3b 100644
--- a/ui/hooks/useMultichainSelector.test.ts
+++ b/ui/hooks/useMultichainSelector.test.ts
@@ -1,9 +1,9 @@
+import { InternalAccount } from '@metamask/keyring-api';
 import { createMockInternalAccount } from '../../test/jest/mocks';
-import { useMultichainSelector } from './useMultichainSelector';
+import { renderHookWithProvider } from '../../test/lib/render-helpers';
 import { MultichainState, getMultichainIsEvm } from '../selectors/multichain';
 import { getSelectedNetworkClientId } from '../selectors';
-import { renderHookWithProvider } from '../../test/lib/render-helpers';
-import { InternalAccount } from '@metamask/keyring-api';
+import { useMultichainSelector } from './useMultichainSelector';
 
 const mockAccount = createMockInternalAccount();
 const mockNetworkId = 'x01';
@@ -38,7 +38,6 @@ describe('useMultichainSelector', () => {
 
   it('calls useSelector with the correct selector and account', () => {
     const mockSelector = jest.fn();
-    const mockAccount = { id: '1', name: 'Account 1' };
     renderUseMultichainHook(mockSelector, mockAccount);
 
     expect(mockSelector.mock.calls[0][0]).toMatchObject(mockState);
diff --git a/ui/hooks/useUserPreferencedCurrency.js b/ui/hooks/useUserPreferencedCurrency.js
index dbf5671f38c7..148540883e4b 100644
--- a/ui/hooks/useUserPreferencedCurrency.js
+++ b/ui/hooks/useUserPreferencedCurrency.js
@@ -1,5 +1,5 @@
 import { shallowEqual, useSelector } from 'react-redux';
-import { getPreferences } from '../selectors';
+import { getPreferences, getSelectedInternalAccount } from '../selectors';
 import {
   getMultichainNativeCurrency,
   getMultichainCurrentCurrency,
@@ -9,6 +9,7 @@ import {
 import { PRIMARY, SECONDARY } from '../helpers/constants/common';
 import { EtherDenomination } from '../../shared/constants/common';
 import { ETH_DEFAULT_DECIMALS } from '../constants';
+import { useMultichainSelector } from './useMultichainSelector';
 
 /**
  * Defines the shape of the options parameter for useUserPreferencedCurrency
@@ -41,14 +42,22 @@ import { ETH_DEFAULT_DECIMALS } from '../constants';
  * @returns {UserPreferredCurrency}
  */
 export function useUserPreferencedCurrency(type, opts = {}) {
-  const nativeCurrency = useSelector(getMultichainNativeCurrency);
+  const selectedAccount = useSelector(getSelectedInternalAccount);
+  const account = opts.account || selectedAccount;
+  const nativeCurrency = useMultichainSelector(
+    getMultichainNativeCurrency,
+    account,
+  );
 
   const { useNativeCurrencyAsPrimaryCurrency } = useSelector(
     getPreferences,
     shallowEqual,
   );
-  const showFiat = useSelector(getMultichainShouldShowFiat);
-  const currentCurrency = useSelector(getMultichainCurrentCurrency);
+  const showFiat = useMultichainSelector(getMultichainShouldShowFiat, account);
+  const currentCurrency = useMultichainSelector(
+    getMultichainCurrentCurrency,
+    account,
+  );
 
   const fiatReturn = {
     currency: currentCurrency,
diff --git a/ui/selectors/multichain.test.ts b/ui/selectors/multichain.test.ts
index d811f57798c3..b0457c94aef3 100644
--- a/ui/selectors/multichain.test.ts
+++ b/ui/selectors/multichain.test.ts
@@ -12,6 +12,7 @@ import {
 import { CHAIN_IDS } from '../../shared/constants/network';
 import { AccountsState } from './accounts';
 import {
+  MultichainState,
   getMultichainCurrentChainId,
   getMultichainCurrentCurrency,
   getMultichainDefaultToken,
@@ -25,15 +26,16 @@ import {
 } from './multichain';
 import { getCurrentCurrency, getCurrentNetwork, getShouldShowFiat } from '.';
 
-type TestState = AccountsState & {
-  metamask: {
-    preferences: { showFiatInTestnets: boolean };
-    providerConfig: { type: string; ticker: string; chainId: string };
-    currentCurrency: string;
-    currencyRates: Record<string, { conversionRate: string }>;
-    completedOnboarding: boolean;
+type TestState = MultichainState &
+  AccountsState & {
+    metamask: {
+      preferences: { showFiatInTestnets: boolean };
+      providerConfig: { type: string; ticker: string; chainId: string };
+      currentCurrency: string;
+      currencyRates: Record<string, { conversionRate: string }>;
+      completedOnboarding: boolean;
+    };
   };
-};
 
 function getEvmState(): TestState {
   return {
@@ -57,6 +59,20 @@ function getEvmState(): TestState {
         selectedAccount: MOCK_ACCOUNT_EOA.id,
         accounts: MOCK_ACCOUNTS,
       },
+      balances: {
+        [MOCK_ACCOUNT_BIP122_P2WPKH.id]: {
+          'bip122:000000000019d6689c085ae165831e93/slip44:0': {
+            amount: '1.00000000',
+            unit: 'BTC',
+          },
+        },
+      },
+      rates: {
+        btc: {
+          conversionDate: 0,
+          conversionRate: '100000',
+        },
+      },
     },
   };
 }