diff --git a/src/views/Wallet/views/AccountReceive/index.js b/src/views/Wallet/views/AccountReceive/index.js
index 5b84484d..a197fb3f 100644
--- a/src/views/Wallet/views/AccountReceive/index.js
+++ b/src/views/Wallet/views/AccountReceive/index.js
@@ -20,6 +20,11 @@ const Wrapper = styled.div`
padding-top: 20px;
`;
+const Label = styled.div`
+ padding: 25px 0 5px 0;
+ color: ${colors.TEXT_SECONDARY};
+`;
+
const StyledH2 = styled(H2)`
padding: 20px 48px;
`;
@@ -31,6 +36,12 @@ const AddressWrapper = styled.div`
flex-direction: ${props => (props.isShowingQrCode ? 'column' : 'row')};
`;
+const StyledQRCode = styled(QRCode)`
+ padding: 15px;
+ margin-top: 0 25px;
+ border: 1px solid ${colors.BODY};
+`;
+
const ValueWrapper = styled.div`
font-size: ${FONT_SIZE.SMALL};
font-weight: ${FONT_WEIGHT.SMALLEST};
@@ -111,11 +122,6 @@ const EyeButton = styled(Button)`
top: 3px;
`;
-const qrCodeStyle = {
- width: 256,
- margin: '20px auto',
-};
-
const AccountReceive = (props: Props) => {
const device = props.wallet.selectedDevice;
const {
@@ -182,19 +188,23 @@ const AccountReceive = (props: Props) => {
{address}
+ >
+ {address}
{isAddressVerifying && (
{account.network} account #{account.index + 1}
)}
{(addressVerified || addressUnverified) && (
-
+
+
+
+
)}
{!(addressVerified || addressUnverified) && (