From 56d2b8a0f7fb82964785b2d8fb0e124670beff5f Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Thu, 11 Apr 2019 15:16:22 +0200
Subject: [PATCH] center tooltip

---
 .../Summary/components/Balance/index.js       | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/views/Wallet/views/Account/Summary/components/Balance/index.js b/src/views/Wallet/views/Account/Summary/components/Balance/index.js
index d8e4eb5e..f81e7445 100644
--- a/src/views/Wallet/views/Account/Summary/components/Balance/index.js
+++ b/src/views/Wallet/views/Account/Summary/components/Balance/index.js
@@ -92,11 +92,14 @@ const Label = styled.div`
 
 const StyledIcon = styled(Icon)`
     cursor: pointer;
-    margin-left: 6px;
     align-items: center;
     margin-top: -5px;
 `;
 
+const TooltipContainer = styled.div`
+    margin-left: 6px;
+`;
+
 const TooltipWrapper = styled.div`
     display: flex;
     align-items: center;
@@ -138,13 +141,15 @@ class AccountBalance extends PureComponent<Props, State> {
         }
 
         const NoRatesTooltip = (
-            <Tooltip
-                maxWidth={285}
-                placement="top"
-                content={<FormattedMessage {...l10nMessages.TR_FIAT_RATES_ARE_NOT_CURRENTLY} />}
-            >
-                <StyledIcon icon={ICONS.HELP} color={colors.TEXT_SECONDARY} size={12} />
-            </Tooltip>
+            <TooltipContainer>
+                <Tooltip
+                    maxWidth={285}
+                    placement="top"
+                    content={<FormattedMessage {...l10nMessages.TR_FIAT_RATES_ARE_NOT_CURRENTLY} />}
+                >
+                    <StyledIcon icon={ICONS.HELP} color={colors.TEXT_SECONDARY} size={12} />
+                </Tooltip>
+            </TooltipContainer>
         );
 
         return (