diff --git a/src/components/images/DeviceIcon/index.js b/src/components/images/DeviceIcon/index.js
index 853c8886..8ae997ad 100644
--- a/src/components/images/DeviceIcon/index.js
+++ b/src/components/images/DeviceIcon/index.js
@@ -30,10 +30,20 @@ const DeviceIcon = ({
color = COLORS.TEXT_SECONDARY,
hoverColor,
onClick,
+ ...rest
}: Props) => {
const majorVersion = device.features ? device.features.major_version : 2;
const icon = getDeviceIcon(majorVersion);
- return ;
+ return (
+
+ );
};
DeviceIcon.propTypes = {
diff --git a/src/views/Wallet/views/Account/Receive/ethereum/index.js b/src/views/Wallet/views/Account/Receive/ethereum/index.js
index c8743bb8..406820db 100644
--- a/src/views/Wallet/views/Account/Receive/ethereum/index.js
+++ b/src/views/Wallet/views/Account/Receive/ethereum/index.js
@@ -78,7 +78,7 @@ const QrWrapper = styled.div`
`;
const StyledDeviceIcon = styled(DeviceIcon)`
- margin-right: 6px;
+ margin: 0 6px;
`;
const AccountReceive = (props: Props) => {
diff --git a/src/views/Wallet/views/Account/Receive/ripple/index.js b/src/views/Wallet/views/Account/Receive/ripple/index.js
index 426b28c5..93480906 100644
--- a/src/views/Wallet/views/Account/Receive/ripple/index.js
+++ b/src/views/Wallet/views/Account/Receive/ripple/index.js
@@ -59,9 +59,7 @@ const ShowAddressButton = styled(Button)`
const EyeButton = styled(Button)`
z-index: 10001;
padding: 0;
- width: 30px;
- background: transparent;
- top: 5px;
+ top: 12px;
position: absolute;
right: 10px;
@@ -85,6 +83,10 @@ const QrWrapper = styled.div`
flex-direction: column;
`;
+const StyledDeviceIcon = styled(DeviceIcon)`
+ margin: 0 6px;
+`;
+
const AccountReceive = (props: Props) => {
const device = props.wallet.selectedDevice;
const { account, discovery, shouldRender } = props.selectedAccount;
@@ -124,7 +126,11 @@ const AccountReceive = (props: Props) => {
trezorAction={
isAddressVerifying ? (
-
+
@@ -145,9 +151,11 @@ const AccountReceive = (props: Props) => {
}
>
props.showAddress(account.accountPath)}
>