From 8c7d7056e7992447c17d9fee640949621d28efb6 Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Thu, 28 Mar 2019 16:09:19 +0100
Subject: [PATCH] fix tooltip in change wallet type modal

---
 .../modals/device/WalletType/index.js         | 34 +++++++++++--------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/components/modals/device/WalletType/index.js b/src/components/modals/device/WalletType/index.js
index cde23515..b486636b 100644
--- a/src/components/modals/device/WalletType/index.js
+++ b/src/components/modals/device/WalletType/index.js
@@ -49,15 +49,17 @@ const StyledButton = styled(Button)`
 `;
 
 const StyledIcon = styled(Icon)`
-    position: absolute;
-    top: 10px;
-    right: 15px;
-
     &:hover {
         cursor: pointer;
     }
 `;
 
+const TooltipContainer = styled.div`
+    position: absolute;
+    top: 10px;
+    right: 15px;
+`;
+
 const Content = styled.div`
     padding: 55px 48px 40px 48px;
     position: relative;
@@ -141,17 +143,19 @@ class WalletType extends PureComponent<Props> {
                     </StyledButton>
                 </Content>
                 <Content>
-                    <Tooltip
-                        maxWidth={285}
-                        placement="top"
-                        content={this.props.intl.formatMessage(
-                            l10nMessages.TR_PASSPHRASE_IS_OPTIONAL_FEATURE
-                        )}
-                        ctaLink="https://wiki.trezor.io/Passphrase"
-                        ctaText={<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />}
-                    >
-                        <StyledIcon icon={icons.HELP} color={colors.TEXT_SECONDARY} size={16} />
-                    </Tooltip>
+                    <TooltipContainer>
+                        <Tooltip
+                            maxWidth={285}
+                            placement="top"
+                            content={this.props.intl.formatMessage(
+                                l10nMessages.TR_PASSPHRASE_IS_OPTIONAL_FEATURE
+                            )}
+                            ctaLink="https://wiki.trezor.io/Passphrase"
+                            ctaText={<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />}
+                        >
+                            <StyledIcon icon={icons.HELP} color={colors.TEXT_SECONDARY} size={16} />
+                        </Tooltip>
+                    </TooltipContainer>
                     <Header>
                         <StyledWalletTypeIcon type="hidden" size={16} color={colors.TEXT_PRIMARY} />
                         <FormattedMessage {...l10nMessages.TR_HIDDEN_WALLET} />