From d6ac14d94c7c4ceb48688c282442479a8b22ea26 Mon Sep 17 00:00:00 2001
From: Frenkie Nguyen <nguyentiendung.me@gmail.com>
Date: Thu, 2 Jan 2025 16:39:39 +0700
Subject: [PATCH 1/2] [Issue-3958] Extension - Improve search token

---
 packages/extension-koni-ui/src/Popup/Home/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/extension-koni-ui/src/Popup/Home/index.tsx b/packages/extension-koni-ui/src/Popup/Home/index.tsx
index 18f0fe81d9..d397f660a7 100644
--- a/packages/extension-koni-ui/src/Popup/Home/index.tsx
+++ b/packages/extension-koni-ui/src/Popup/Home/index.tsx
@@ -126,6 +126,7 @@ function Component ({ className = '' }: Props): React.ReactElement<Props> {
             onClickSearchIcon={onOpenGlobalSearchToken}
             showFilterIcon
             showNotificationIcon
+            showSearchIcon
           >
             <Outlet />
             <GeneralTermModal onOk={onAfterConfirmTermModal} />

From 223d76dc72e32580571358a05775f3fee9dd1e61 Mon Sep 17 00:00:00 2001
From: Frenkie Nguyen <nguyentiendung.me@gmail.com>
Date: Thu, 9 Jan 2025 11:13:56 +0700
Subject: [PATCH 2/2] [Issue-3958] Extension - Re-enable search token feature

---
 .../src/components/Layout/base/Home.tsx        |  4 ++++
 .../Layout/parts/SelectAccount/index.tsx       | 18 ++++++------------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/packages/extension-koni-ui/src/components/Layout/base/Home.tsx b/packages/extension-koni-ui/src/components/Layout/base/Home.tsx
index d5764effb8..4a2966c672 100644
--- a/packages/extension-koni-ui/src/components/Layout/base/Home.tsx
+++ b/packages/extension-koni-ui/src/components/Layout/base/Home.tsx
@@ -129,6 +129,10 @@ const Home = styled(Component)<Props>(({ theme: { token } }: Props) => ({
     display: 'flex'
   },
 
+  '.ant-sw-header-center-part.ant-sw-header-center-part': {
+    paddingRight: 0
+  },
+
   '.notification-icon': {
     position: 'relative',
     display: 'flex'
diff --git a/packages/extension-koni-ui/src/components/Layout/parts/SelectAccount/index.tsx b/packages/extension-koni-ui/src/components/Layout/parts/SelectAccount/index.tsx
index 6f73e9a821..b5dc4af537 100644
--- a/packages/extension-koni-ui/src/components/Layout/parts/SelectAccount/index.tsx
+++ b/packages/extension-koni-ui/src/components/Layout/parts/SelectAccount/index.tsx
@@ -360,24 +360,18 @@ const SelectAccount = styled(Component)<Props>(({ theme }) => {
       width: '100%',
       flexDirection: 'row',
       alignItems: 'center',
-      padding: `${token.paddingXS}px  ${token.padding}px`,
-      paddingLeft: 0,
-      gap: 8,
+      padding: `${token.paddingXS}px`,
+      paddingLeft: token.marginXXS,
+      paddingRight: token.marginXS,
+      overflow: 'hidden',
+      gap: token.sizeXS,
       cursor: 'pointer'
     },
 
-    '.selected-account.is-no-all-account': {
-      marginLeft: token.marginXXS,
-
-      '.account-name ': {
-        maxWidth: 165
-      }
-    },
-
     '.connect-icon': {
       color: token.colorTextBase,
-      width: 40,
       height: 40,
+      paddingRight: token.paddingXXS,
       display: 'flex',
       justifyContent: 'center',
       alignItems: 'center',