From 3fd4140a91c404b361a8f7a1b70b039c587c950f Mon Sep 17 00:00:00 2001
From: Wes Risenmay <wes.risenmay@mx.com>
Date: Tue, 8 Sep 2026 13:22:43 -0600
Subject: [PATCH 1/2] refactor: migrate ClouseOutline icon

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

diff --git a/src/views/search/Search.js b/src/views/search/Search.js
index bb45286dc2..c60f87681c 100644
--- a/src/views/search/Search.js
+++ b/src/views/search/Search.js
@@ -12,9 +12,8 @@ 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'
@@ -372,10 +371,9 @@ export const Search = React.forwardRef((_, navigationRef) => {
                     searchInput.current.value = '' // Thinking about changing this to a controlled component to manage the value
                     searchInput.current.focus()
                   }}
-                  style={inlineStyles.resetButton}
                   variant="text"
                 >
-                  <CloseOutline />
+                  <Icon filled={true} name="close" size={24} />
                 </IconButton>
               </InputAdornment>
             ) : null,

From b9c23c69064979bacc1d7b06e20bfe55f8b43420 Mon Sep 17 00:00:00 2001
From: Wes Risenmay <wes.risenmay@mx.com>
Date: Tue, 8 Sep 2026 14:46:11 -0600
Subject: [PATCH 2/2] remove filled prop

---
 src/views/search/Search.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/search/Search.js b/src/views/search/Search.js
index dea7094626..9ef9a5b6ab 100644
--- a/src/views/search/Search.js
+++ b/src/views/search/Search.js
@@ -366,7 +366,7 @@ export const Search = React.forwardRef((_, navigationRef) => {
                   }}
                   variant="text"
                 >
-                  <Icon filled={true} name="close" size={24} />
+                  <Icon name="close" size={24} />
                 </IconButton>
               </InputAdornment>
             ) : null,