fix device icon size in passpgrase type modal

5 years ago · 5821f47752
parent 50767c77c3
commit 5821f47752
1 changed files with 5 additions and 1 deletions
--- a/src/components/modals/passphrase/Type/index.js
+++ b/src/components/modals/passphrase/Type/index.js
@ -18,12 +18,16 @@ const Wrapper = styled.div`
    padding: 30px 48px;
 `;

+const StyledDeviceIcon = styled(DeviceIcon)`
+    margin-bottom: 10px;
+`;
+
 const Header = styled.div``;

 const PassphraseType = (props: Props) => (
    <Wrapper>
        <Header>
-            <DeviceIcon device={props.device} size={60} color={colors.TEXT_SECONDARY} />
+            <StyledDeviceIcon device={props.device} size={32} color={colors.TEXT_SECONDARY} />
            <H5>Complete the action on {props.device.label} device</H5>
            <P size="small">
                If you enter a wrong passphrase, you will not unlock the desired hidden wallet.