From 1aae8dc0b26ad5b1cdefcc077d35db1d8c72b9e0 Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Fri, 18 Jan 2019 16:09:31 +0100
Subject: [PATCH] device counter centering using flexbox

---
 src/views/Wallet/components/LeftNavigation/index.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/Wallet/components/LeftNavigation/index.js b/src/views/Wallet/components/LeftNavigation/index.js
index cca5eab1..c98c7b72 100644
--- a/src/views/Wallet/components/LeftNavigation/index.js
+++ b/src/views/Wallet/components/LeftNavigation/index.js
@@ -24,13 +24,14 @@ const Header = styled(DeviceHeader)`
 `;
 
 const Counter = styled.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
     border: 1px solid ${colors.DIVIDER};
     border-radius: 50%;
     color: ${colors.TEXT_SECONDARY};
     width: 24px;
     height: 24px;
-    line-height: 22px;
-    text-align: center;
     font-size: ${FONT_SIZE.COUNTER};
     margin-right: 8px;
 `;