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 { onClickSearchIcon={onOpenGlobalSearchToken} showFilterIcon showNotificationIcon + showSearchIcon > 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)(({ 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)(({ 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',