diff --git a/ui/app/components/app/asset-list/asset-list.scss b/ui/app/components/app/asset-list/asset-list.scss index 872435e4c..679a76099 100644 --- a/ui/app/components/app/asset-list/asset-list.scss +++ b/ui/app/components/app/asset-list/asset-list.scss @@ -62,11 +62,3 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( } } } - -.balance-icon { - border-radius: 25px; - width: 50px; - height: 50px; - border: 1px solid $alto; - background: $white; -} diff --git a/ui/app/components/ui/identicon/identicon.component.js b/ui/app/components/ui/identicon/identicon.component.js index 740957af7..60886063d 100644 --- a/ui/app/components/ui/identicon/identicon.component.js +++ b/ui/app/components/ui/identicon/identicon.component.js @@ -98,7 +98,7 @@ export default class Identicon extends PureComponent { return ( diff --git a/ui/app/components/ui/identicon/index.scss b/ui/app/components/ui/identicon/index.scss index 6abf57a19..188c2d1e8 100644 --- a/ui/app/components/ui/identicon/index.scss +++ b/ui/app/components/ui/identicon/index.scss @@ -19,4 +19,9 @@ border-width: 2px; border-color: $curious-blue; } + + &__eth-logo { + border: 1px solid $alto; + background: $white; + } } diff --git a/ui/app/components/ui/identicon/tests/identicon.component.test.js b/ui/app/components/ui/identicon/tests/identicon.component.test.js index 5cccd227e..67be54f8d 100644 --- a/ui/app/components/ui/identicon/tests/identicon.component.test.js +++ b/ui/app/components/ui/identicon/tests/identicon.component.test.js @@ -21,7 +21,7 @@ describe('Identicon', function () { ) - assert.equal(wrapper.find('img.balance-icon').prop('src'), './images/eth_logo.svg') + assert.equal(wrapper.find('img.identicon__eth-logo').prop('src'), './images/eth_logo.svg') }) it('renders custom image and add className props', function () {