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 () {