From d4b39896c211aae23b0d295f326cd37800ece1c7 Mon Sep 17 00:00:00 2001
From: Jameson <jameson.brown@mx.com>
Date: Fri, 21 Aug 2026 13:15:17 -0600
Subject: [PATCH 1/2] feat: updated Growth, Image, and Health icons to MXUI

---
 src/components/StyledAccountTypeIcon.tsx     |  9 +++------
 src/views/manualAccount/ManualAccountMenu.js | 11 +++--------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/components/StyledAccountTypeIcon.tsx b/src/components/StyledAccountTypeIcon.tsx
index 2b3ee3185f..fb559268b0 100644
--- a/src/components/StyledAccountTypeIcon.tsx
+++ b/src/components/StyledAccountTypeIcon.tsx
@@ -4,9 +4,6 @@ import React from 'react'
 import { Icon } from '@mxenabled/mxui'
 
 import { useTokens } from '@kyper/tokenprovider'
-import { Growth } from '@kyper/icon/Growth'
-import { Image } from '@kyper/icon/Image'
-import { Health } from '@kyper/icon/Health'
 
 import { AccountTypes } from 'src/views/manualAccount/constants'
 
@@ -35,17 +32,17 @@ export const StyledAccountTypeIcon: React.FC<StyledAccountTypeIconProps> = ({
       case AccountTypes.CREDIT_CARD:
         return <Icon name="credit_card" size={iconSize} />
       case AccountTypes.INVESTMENT:
-        return <Growth color={tokens.TextColor.Default} size={iconSize} />
+        return <Icon name="bid_landscape" size={iconSize} />
       case AccountTypes.LINE_OF_CREDIT:
         return <Icon name="description" size={iconSize} />
       case AccountTypes.MORTGAGE:
         return <Icon name="home" size={iconSize} />
       case AccountTypes.PROPERTY:
-        return <Image color={tokens.TextColor.Default} size={iconSize} />
+        return <Icon name="holiday_village" size={iconSize} />
       case AccountTypes.CASH:
         return <Icon name="local_atm" size={iconSize} />
       case AccountTypes.INSURANCE:
-        return <Health color={tokens.TextColor.Default} size={iconSize} />
+        return <Icon name="diagnosis" size={iconSize} />
       case AccountTypes.PREPAID:
         return <Icon name="credit_card" size={iconSize} />
       case AccountTypes.UNKNOWN:
diff --git a/src/views/manualAccount/ManualAccountMenu.js b/src/views/manualAccount/ManualAccountMenu.js
index a620af717e..707e180b3e 100644
--- a/src/views/manualAccount/ManualAccountMenu.js
+++ b/src/views/manualAccount/ManualAccountMenu.js
@@ -2,12 +2,8 @@ import React, { useEffect } from 'react'
 import PropTypes from 'prop-types'
 import { __ } from 'src/utilities/Intl'
 
-import { useTokens } from '@kyper/tokenprovider'
 import { Icon, Text } from '@mxenabled/mxui'
 import { UtilityRow } from '@kyper/utilityrow'
-import { Growth } from '@kyper/icon/Growth'
-import { Image } from '@kyper/icon/Image'
-import { Health } from '@kyper/icon/Health'
 
 import { fadeOut } from 'src/utilities/Animation'
 
@@ -20,7 +16,6 @@ import { StyledAccountTypeIcon } from 'src/components/StyledAccountTypeIcon'
 import { Stack } from '@mui/material'
 
 export const ManualAccountMenu = React.forwardRef((props, ref) => {
-  const tokens = useTokens()
   const getNextDelay = getDelay()
 
   const typeList =
@@ -46,12 +41,12 @@ export const ManualAccountMenu = React.forwardRef((props, ref) => {
     [AccountTypes.SAVINGS]: <Icon color="secondary" name="savings" size={20} />,
     [AccountTypes.LOAN]: <Icon color="secondary" name="contract" size={20} />,
     [AccountTypes.CREDIT_CARD]: <Icon color="secondary" name="credit_card" size={20} />,
-    [AccountTypes.INVESTMENT]: <Growth color={tokens.TextColor.Default} />,
+    [AccountTypes.INVESTMENT]: <Icon color="secondary" name="bid_landscape" size={20} />,
     [AccountTypes.LINE_OF_CREDIT]: <Icon color="secondary" name="description" size={20} />,
     [AccountTypes.MORTGAGE]: <Icon color="secondary" name="home" size={20} />,
-    [AccountTypes.PROPERTY]: <Image color={tokens.TextColor.Default} />,
+    [AccountTypes.PROPERTY]: <Icon color="secondary" name="holiday-village" size={20} />,
     [AccountTypes.CASH]: <Icon color="secondary" name="local_atm" size={20} />,
-    [AccountTypes.INSURANCE]: <Health color={tokens.TextColor.Default} />,
+    [AccountTypes.INSURANCE]: <Icon color="diagnosis" name="diagnosis" size={20} />,
     [AccountTypes.PREPAID]: <Icon color="secondary" name="credit_card" size={20} />,
     [AccountTypes.UNKNOWN]: <Icon color="secondary" name="grid_view" size={20} />,
   }

From 172f08378b77694e44b224956c1d6af0195e5fba Mon Sep 17 00:00:00 2001
From: Jameson <jameson.brown@mx.com>
Date: Fri, 21 Aug 2026 13:23:53 -0600
Subject: [PATCH 2/2] Fixed typos

---
 src/views/manualAccount/ManualAccountMenu.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/manualAccount/ManualAccountMenu.js b/src/views/manualAccount/ManualAccountMenu.js
index 707e180b3e..7849c7ba6c 100644
--- a/src/views/manualAccount/ManualAccountMenu.js
+++ b/src/views/manualAccount/ManualAccountMenu.js
@@ -44,9 +44,9 @@ export const ManualAccountMenu = React.forwardRef((props, ref) => {
     [AccountTypes.INVESTMENT]: <Icon color="secondary" name="bid_landscape" size={20} />,
     [AccountTypes.LINE_OF_CREDIT]: <Icon color="secondary" name="description" size={20} />,
     [AccountTypes.MORTGAGE]: <Icon color="secondary" name="home" size={20} />,
-    [AccountTypes.PROPERTY]: <Icon color="secondary" name="holiday-village" size={20} />,
+    [AccountTypes.PROPERTY]: <Icon color="secondary" name="holiday_village" size={20} />,
     [AccountTypes.CASH]: <Icon color="secondary" name="local_atm" size={20} />,
-    [AccountTypes.INSURANCE]: <Icon color="diagnosis" name="diagnosis" size={20} />,
+    [AccountTypes.INSURANCE]: <Icon color="secondary" name="diagnosis" size={20} />,
     [AccountTypes.PREPAID]: <Icon color="secondary" name="credit_card" size={20} />,
     [AccountTypes.UNKNOWN]: <Icon color="secondary" name="grid_view" size={20} />,
   }