diff --git a/src/components/Log/index.js b/src/components/Log/index.js
index 3bdfc63d..0bc434a3 100644
--- a/src/components/Log/index.js
+++ b/src/components/Log/index.js
@@ -75,7 +75,7 @@ const Log = (props: Props): ?React$Element<string> => {
     return (
         <Wrapper>
             <Click onClick={props.toggle}>
-                <Icon size={14} color={colors.INFO_PRIMARY} icon={icons.CLOSE} />
+                <Icon size={12} color={colors.INFO_PRIMARY} icon={icons.CLOSE} />
             </Click>
             <H5>
                 <FormattedMessage {...l10nMessages.TR_LOG} />
diff --git a/src/components/modals/QrModal/index.js b/src/components/modals/QrModal/index.js
index 15731198..6ac10641 100644
--- a/src/components/modals/QrModal/index.js
+++ b/src/components/modals/QrModal/index.js
@@ -134,7 +134,7 @@ class QrModal extends Component<Props, State> {
         return (
             <Wrapper>
                 <CloseLink onClick={this.handleCancel}>
-                    <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+                    <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
                 </CloseLink>
                 <Padding>
                     <H5>
diff --git a/src/components/modals/confirm/NoBackup/index.js b/src/components/modals/confirm/NoBackup/index.js
index 77dc0398..e671bfad 100644
--- a/src/components/modals/confirm/NoBackup/index.js
+++ b/src/components/modals/confirm/NoBackup/index.js
@@ -64,7 +64,7 @@ const Row = styled.div`
 const Confirmation = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={() => props.onReceiveConfirmation(false)}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <H5>Your Trezor is not backed up</H5>
         <Icon size={48} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />
diff --git a/src/components/modals/confirm/UnverifiedAddress/index.js b/src/components/modals/confirm/UnverifiedAddress/index.js
index ea0d233c..f5de2d62 100644
--- a/src/components/modals/confirm/UnverifiedAddress/index.js
+++ b/src/components/modals/confirm/UnverifiedAddress/index.js
@@ -145,7 +145,7 @@ class ConfirmUnverifiedAddress extends PureComponent<Props> {
             <Wrapper>
                 <Content>
                     <StyledLink onClick={onCancel}>
-                        <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+                        <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
                     </StyledLink>
                     <H5>{deviceStatus}</H5>
                     <StyledP size="small">
diff --git a/src/components/modals/device/Duplicate/index.js b/src/components/modals/device/Duplicate/index.js
index fbb5f218..a674a5c1 100644
--- a/src/components/modals/device/Duplicate/index.js
+++ b/src/components/modals/device/Duplicate/index.js
@@ -132,7 +132,7 @@ class DuplicateDevice extends PureComponent<Props, State> {
         return (
             <Wrapper>
                 <StyledLink onClick={onCancel}>
-                    <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+                    <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
                 </StyledLink>
                 <H5>Clone {device.label}?</H5>
                 <StyledP size="small">
diff --git a/src/components/modals/device/WalletType/index.js b/src/components/modals/device/WalletType/index.js
index 415348c0..57dcbb1a 100644
--- a/src/components/modals/device/WalletType/index.js
+++ b/src/components/modals/device/WalletType/index.js
@@ -108,7 +108,7 @@ class WalletType extends PureComponent<Props> {
             <Wrapper>
                 {device.state && (
                     <StyledLink onClick={onCancel}>
-                        <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+                        <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
                     </StyledLink>
                 )}
                 <StyledHeading>
diff --git a/src/components/modals/external/Cardano/index.js b/src/components/modals/external/Cardano/index.js
index 3930e163..ef727b8e 100644
--- a/src/components/modals/external/Cardano/index.js
+++ b/src/components/modals/external/Cardano/index.js
@@ -45,7 +45,7 @@ const Img = styled.img`
 const CardanoWallet = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={props.onCancel}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <Img src={CardanoImage} />
         <H5>
diff --git a/src/components/modals/external/Nem/index.js b/src/components/modals/external/Nem/index.js
index 8d2da02b..5e9e6b94 100644
--- a/src/components/modals/external/Nem/index.js
+++ b/src/components/modals/external/Nem/index.js
@@ -42,7 +42,7 @@ const Img = styled.img`
 const NemWallet = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={props.onCancel}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <H5>
             <FormattedMessage {...l10nMessages.TR_NEM_WALLET} />
diff --git a/src/components/modals/external/Stellar/index.js b/src/components/modals/external/Stellar/index.js
index 5d68775c..b04098bd 100644
--- a/src/components/modals/external/Stellar/index.js
+++ b/src/components/modals/external/Stellar/index.js
@@ -45,7 +45,7 @@ const Img = styled.img`
 const StellarWallet = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={props.onCancel}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <Img src={StellarImage} />
         <H5>
diff --git a/src/components/modals/external/Tezos/index.js b/src/components/modals/external/Tezos/index.js
index 114c6a88..44c69ad3 100644
--- a/src/components/modals/external/Tezos/index.js
+++ b/src/components/modals/external/Tezos/index.js
@@ -41,7 +41,7 @@ const Img = styled.img`
 const TezosWallet = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={props.onCancel}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <Img src={TezosImage} />
         <H5>Tezos wallet</H5>
diff --git a/src/views/Landing/components/BetaDisclaimer/index.js b/src/views/Landing/components/BetaDisclaimer/index.js
index 2d06c0c8..332c4d53 100644
--- a/src/views/Landing/components/BetaDisclaimer/index.js
+++ b/src/views/Landing/components/BetaDisclaimer/index.js
@@ -91,7 +91,7 @@ const BetaDisclaimer = (props: { close: () => void }) => (
                 />
             </StyledP>
             <StyledP>
-                <StyledIcon size={14} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />
+                <StyledIcon size={12} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />
                 <FormattedMessage
                     {...l10nMessages.TR_PLEASE_NOTE_THAT_THE_TREZOR}
                     values={{