From 503ba7eaabdc2907c43d1f51de6ee5f5f3bbc98f Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Thu, 16 Aug 2018 17:08:38 +0200
Subject: [PATCH] span to styled component

---
 .../NavigationMenu/AccountMenu/index.js             | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/js/views/Wallet/components/LeftNavigation/NavigationMenu/AccountMenu/index.js b/src/js/views/Wallet/components/LeftNavigation/NavigationMenu/AccountMenu/index.js
index d582e18c..7a6a2de4 100644
--- a/src/js/views/Wallet/components/LeftNavigation/NavigationMenu/AccountMenu/index.js
+++ b/src/js/views/Wallet/components/LeftNavigation/NavigationMenu/AccountMenu/index.js
@@ -17,6 +17,11 @@ import type { Props } from '../../common';
 
 import Row from '../../Row';
 
+const Text = styled.span`
+    font-size: ${FONT_SIZE.SMALLER};
+    color: ${colors.TEXT_SECONDARY};
+`;
+
 const RowAccountWrapper = styled.div`
     height: 64px;
 
@@ -24,10 +29,6 @@ const RowAccountWrapper = styled.div`
     color: ${colors.TEXT_PRIMARY};
 
     border-top: 1px solid ${colors.DIVIDER};
-    span {
-        font-size: ${FONT_SIZE.SMALLER};
-        color: ${colors.TEXT_SECONDARY};
-    }
 
     ${props => props.isSelected && css`
         border-left: ${BORDER_WIDTH.SELECTED} solid ${colors.GREEN_PRIMARY};
@@ -53,9 +54,9 @@ const RowAccount = ({
             <Row column>
                 Account #{accountIndex + 1}
                 {balance ? (
-                    <span>{balance}</span>
+                    <Text>{balance}</Text>
                 ) : (
-                    <span>Loading...</span>
+                    <Text>Loading...</Text>
                 )}
             </Row>
         </RowAccountWrapper>