diff --git a/js/src/views/Accounts/Summary/summary.js b/js/src/views/Accounts/Summary/summary.js
index 6850e1035..c6a9f73ff 100644
--- a/js/src/views/Accounts/Summary/summary.js
+++ b/js/src/views/Accounts/Summary/summary.js
@@ -22,7 +22,7 @@ import { isEqual } from 'lodash';
import ReactTooltip from 'react-tooltip';
import { FormattedMessage } from 'react-intl';
-import { Balance, Container, ContainerTitle, IdentityIcon, IdentityName, Tags, Input } from '~/ui';
+import { Balance, Container, ContainerTitle, CopyToClipboard, IdentityIcon, IdentityName, Tags } from '~/ui';
import Certifications from '~/ui/Certifications';
import { arrayOrObjectProptype, nullableProptype } from '~/util/proptypes';
@@ -101,15 +101,6 @@ class Summary extends Component {
const { address } = account;
- const addressComponent = (
-
- );
-
return (
+
+ { address }
+
+ }
className={
noLink
? styles.main
diff --git a/js/src/views/Accounts/accounts.css b/js/src/views/Accounts/accounts.css
index 9a3d747ce..a8bd97a72 100644
--- a/js/src/views/Accounts/accounts.css
+++ b/js/src/views/Accounts/accounts.css
@@ -23,6 +23,19 @@
.account {
position: relative;
+ .addressline {
+ display: flex;
+ white-space: nowrap;
+
+ .address {
+ display: inline-block;
+ flex: 1;
+ margin-left: 0.5em;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+
.blockDescription {
color: rgba(255, 255, 255, 0.25);
margin-top: 1.5em;
@@ -95,10 +108,12 @@
.heading {
display: flex;
flex-direction: row;
+ overflow: hidden;
.main,
.mainLink {
flex: 1;
+ overflow: hidden;
}
.mainLink h3 {