From 1beac15e6659027c49f02627f24e8a6067a1020d Mon Sep 17 00:00:00 2001
From: Wes Risenmay <wes.risenmay@mx.com>
Date: Tue, 8 Sep 2026 14:09:13 -0600
Subject: [PATCH] refactor: converting from Kyper Search to MXUI Search icon

---
 src/views/search/Search.js | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/views/search/Search.js b/src/views/search/Search.js
index bb45286dc2..5dba8768e0 100644
--- a/src/views/search/Search.js
+++ b/src/views/search/Search.js
@@ -12,10 +12,9 @@ import { map, catchError } from 'rxjs/operators'
 import _unionBy from 'lodash/unionBy'
 import _debounce from 'lodash/debounce'
 import _find from 'lodash/find'
-import { Text } from '@mxenabled/mxui'
+import { Icon, Text } from '@mxenabled/mxui'
 import { useTokens } from '@kyper/tokenprovider'
 import { CloseOutline } from '@kyper/icon/CloseOutline'
-import { Search as SearchIcon } from '@kyper/icon/Search'
 import InputAdornment from '@mui/material/InputAdornment'
 import { TextField } from 'src/privacy/input'
 import { IconButton, Snackbar } from '@mui/material'
@@ -354,13 +353,7 @@ export const Search = React.forwardRef((_, navigationRef) => {
           InputProps={{
             startAdornment: (
               <InputAdornment position="start">
-                <SearchIcon
-                  color={
-                    state.currentView === SEARCH_VIEWS.LOADING
-                      ? tokens.TextColor.Disabled
-                      : tokens.TextColor.Default
-                  }
-                />
+                <Icon name="search" size={24} />
               </InputAdornment>
             ),
             endAdornment: state.searchTerm ? (