diff --git a/packages/apps/src/Menu/ChainInfo.tsx b/packages/apps/src/Menu/ChainInfo.tsx index 384d795d6d..b2b7834252 100644 --- a/packages/apps/src/Menu/ChainInfo.tsx +++ b/packages/apps/src/Menu/ChainInfo.tsx @@ -68,7 +68,7 @@ const StyledDiv = styled.div` cursor: pointer; } - img { + .ui--ChainImg { height: 3rem; margin-right: 0.5rem; width: 3rem; diff --git a/packages/react-components/src/ChainImg.tsx b/packages/react-components/src/ChainImg.tsx index 24d804c62e..ed2a8f8bb3 100644 --- a/packages/react-components/src/ChainImg.tsx +++ b/packages/react-components/src/ChainImg.tsx @@ -38,7 +38,7 @@ function ChainImg ({ className = '', isInline, logo, onClick, withoutHl }: Props return [!found || logo === 'empty', img, isFa]; }, [logo, specName, systemChain, systemName]); - const iconClassName = `${className}${(isEmpty && !withoutHl) ? ' highlight--bg' : ''}${isInline ? ' isInline' : ''}`; + const iconClassName = `${className} ui--ChainImg ${(isEmpty && !withoutHl) ? 'highlight--bg' : ''} ${isInline ? 'isInline' : ''}`; return isFa ? (