device counter centering using flexbox

5 years ago · 1aae8dc0b2
parent 2e5f7f6c46
commit 1aae8dc0b2
1 changed files with 3 additions and 2 deletions
--- 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;
 `;