diff --git a/ui/components/app/assets/token-cell/__snapshots__/token-cell.test.js.snap b/ui/components/app/assets/token-cell/__snapshots__/token-cell.test.js.snap
index 139f516bdc95..4d27192427d1 100644
--- a/ui/components/app/assets/token-cell/__snapshots__/token-cell.test.js.snap
+++ b/ui/components/app/assets/token-cell/__snapshots__/token-cell.test.js.snap
@@ -15,16 +15,11 @@ exports[`Token Cell should match snapshot 1`] = `
         class="mm-box mm-badge-wrapper mm-box--margin-right-3 mm-box--display-inline-block"
       >
         <div
-          class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-avatar-token--with-halo mm-text--body-sm 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"
+          class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-text--body-sm 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
-            aria-hidden="true"
-            class="mm-avatar-token__token-image--blurred"
-            src="./images/test_image.svg"
-          />
           <img
             alt="TEST logo"
-            class="mm-avatar-token__token-image--size-reduced"
+            class="mm-avatar-token__token-image"
             src="./images/test_image.svg"
           />
         </div>
diff --git a/ui/components/app/import-token/token-list/token-list.component.js b/ui/components/app/import-token/token-list/token-list.component.js
index 5c8c0a07d070..bb472a703ba0 100644
--- a/ui/components/app/import-token/token-list/token-list.component.js
+++ b/ui/components/app/import-token/token-list/token-list.component.js
@@ -108,7 +108,6 @@ export default class TokenList extends Component {
                             <AvatarToken
                               name={symbol}
                               src={results[i]?.iconUrl}
-                              showHalo
                             />
                           </BadgeWrapper>
                         </Box>
diff --git a/ui/components/multichain/asset-picker-amount/asset-picker/__snapshots__/asset-picker.test.tsx.snap b/ui/components/multichain/asset-picker-amount/asset-picker/__snapshots__/asset-picker.test.tsx.snap
index 2f7765a5f200..0acf78dd5a46 100644
--- a/ui/components/multichain/asset-picker-amount/asset-picker/__snapshots__/asset-picker.test.tsx.snap
+++ b/ui/components/multichain/asset-picker-amount/asset-picker/__snapshots__/asset-picker.test.tsx.snap
@@ -19,16 +19,11 @@ exports[`AssetPicker matches snapshot 1`] = `
             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-token mm-avatar-token--with-halo mm-text--body-sm 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"
+              class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-text--body-sm 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
-                aria-hidden="true"
-                class="mm-avatar-token__token-image--blurred"
-                src="./images/eth_logo.svg"
-              />
               <img
                 alt="NATIVE TICKER logo"
-                class="mm-avatar-token__token-image--size-reduced"
+                class="mm-avatar-token__token-image"
                 src="./images/eth_logo.svg"
               />
             </div>
@@ -90,7 +85,7 @@ exports[`AssetPicker render if disabled 1`] = `
             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-token mm-avatar-token--with-halo mm-text--body-sm 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"
+              class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-text--body-sm 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"
             >
               s
             </div>
diff --git a/ui/components/multichain/asset-picker-amount/asset-picker/asset-picker.tsx b/ui/components/multichain/asset-picker-amount/asset-picker/asset-picker.tsx
index 100c6708fe7e..56aa58ed4f74 100644
--- a/ui/components/multichain/asset-picker-amount/asset-picker/asset-picker.tsx
+++ b/ui/components/multichain/asset-picker-amount/asset-picker/asset-picker.tsx
@@ -199,7 +199,6 @@ export function AssetPicker({
                 borderRadius={isNFT ? BorderRadius.LG : BorderRadius.full}
                 src={primaryTokenImage}
                 size={AvatarTokenSize.Md}
-                showHalo={!isNFT}
                 name={symbol}
                 {...(isNFT && { backgroundColor: BackgroundColor.transparent })}
               />
diff --git a/ui/components/multichain/import-tokens-modal/import-tokens-modal-confirm.js b/ui/components/multichain/import-tokens-modal/import-tokens-modal-confirm.js
index 105da41c7f59..c8817e59612d 100644
--- a/ui/components/multichain/import-tokens-modal/import-tokens-modal-confirm.js
+++ b/ui/components/multichain/import-tokens-modal/import-tokens-modal-confirm.js
@@ -66,7 +66,7 @@ export const ImportTokensModalConfirm = () => {
                     marginRight={4}
                     marginTop={1}
                   >
-                    <AvatarToken name={symbol} src={tokenImage} showHalo />
+                    <AvatarToken name={symbol} src={tokenImage} />
                   </BadgeWrapper>
                   <Box>
                     <Text
diff --git a/ui/components/multichain/token-list-item/__snapshots__/token-list-item.test.js.snap b/ui/components/multichain/token-list-item/__snapshots__/token-list-item.test.js.snap
index b209e4d0603d..a47507bedd9e 100644
--- a/ui/components/multichain/token-list-item/__snapshots__/token-list-item.test.js.snap
+++ b/ui/components/multichain/token-list-item/__snapshots__/token-list-item.test.js.snap
@@ -15,7 +15,7 @@ exports[`TokenListItem should render correctly 1`] = `
         class="mm-box mm-badge-wrapper mm-box--margin-right-3 mm-box--display-inline-block"
       >
         <div
-          class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-avatar-token--with-halo mm-text--body-sm 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 mm-box--border-color-border-default box--border-style-solid box--border-width-1"
+          class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-text--body-sm 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 mm-box--border-color-border-default box--border-style-solid box--border-width-1"
         >
           ?
         </div>
diff --git a/ui/components/multichain/token-list-item/token-list-item.js b/ui/components/multichain/token-list-item/token-list-item.js
index c24ad15393e2..1fb4bebb26ea 100644
--- a/ui/components/multichain/token-list-item/token-list-item.js
+++ b/ui/components/multichain/token-list-item/token-list-item.js
@@ -234,7 +234,6 @@ export const TokenListItem = ({
           <AvatarToken
             name={tokenSymbol}
             src={tokenImage}
-            showHalo
             borderColor={tokenImage ? undefined : BorderColor.borderDefault}
           />
         </BadgeWrapper>
diff --git a/ui/pages/asset/components/__snapshots__/asset-page.test.tsx.snap b/ui/pages/asset/components/__snapshots__/asset-page.test.tsx.snap
index 88be64f74f37..63ac463cb090 100644
--- a/ui/pages/asset/components/__snapshots__/asset-page.test.tsx.snap
+++ b/ui/pages/asset/components/__snapshots__/asset-page.test.tsx.snap
@@ -181,7 +181,7 @@ exports[`AssetPage should render a native asset 1`] = `
             class="mm-box mm-badge-wrapper mm-box--margin-right-3 mm-box--display-inline-block"
           >
             <div
-              class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-avatar-token--with-halo mm-text--body-sm 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 mm-box--border-color-border-default box--border-style-solid box--border-width-1"
+              class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-text--body-sm 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 mm-box--border-color-border-default box--border-style-solid box--border-width-1"
             >
               T
             </div>
@@ -465,7 +465,7 @@ exports[`AssetPage should render an ERC20 asset without prices 1`] = `
             class="mm-box mm-badge-wrapper mm-box--margin-right-3 mm-box--display-inline-block"
           >
             <div
-              class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-avatar-token--with-halo mm-text--body-sm 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 mm-box--border-color-border-default box--border-style-solid box--border-width-1"
+              class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-text--body-sm 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 mm-box--border-color-border-default box--border-style-solid box--border-width-1"
             >
               T
             </div>
@@ -942,7 +942,7 @@ exports[`AssetPage should render an ERC20 token with prices 1`] = `
             class="mm-box mm-badge-wrapper mm-box--margin-right-3 mm-box--display-inline-block"
           >
             <div
-              class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-avatar-token--with-halo mm-text--body-sm 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 mm-box--border-color-border-default box--border-style-solid box--border-width-1"
+              class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-text--body-sm 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 mm-box--border-color-border-default box--border-style-solid box--border-width-1"
             >
               T
             </div>