From 6e0dccd28cdbc79e0796af20cfca060f59d0f337 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Tue, 1 Jun 2021 14:16:48 -0300
Subject: [PATCH] fix styles on network label

---
 src/components/AppLayout/Header/components/Layout.tsx       | 2 +-
 src/components/AppLayout/Header/components/NetworkLabel.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/AppLayout/Header/components/Layout.tsx b/src/components/AppLayout/Header/components/Layout.tsx
index a1652f76..34932b75 100644
--- a/src/components/AppLayout/Header/components/Layout.tsx
+++ b/src/components/AppLayout/Header/components/Layout.tsx
@@ -31,7 +31,7 @@ const StyledLink = styled.a`
   text-decoration: none;
   display: flex;
   justify-content: space-between;
-  padding: 12px 16px 12px 0;
+  padding: 14px 16px 14px 0;
 
   :hover {
     background-color: ${({ theme }) => theme.colors.background};
diff --git a/src/components/AppLayout/Header/components/NetworkLabel.tsx b/src/components/AppLayout/Header/components/NetworkLabel.tsx
index 94d135bf..86203c8a 100644
--- a/src/components/AppLayout/Header/components/NetworkLabel.tsx
+++ b/src/components/AppLayout/Header/components/NetworkLabel.tsx
@@ -24,7 +24,8 @@ const useStyles = makeStyles({
     lineHeight: 'normal',
     margin: '0',
     padding: `${xs} ${sm}`,
-    width: 'fit-content',
+    minWidth: '70px',
+    textAlign: 'center',
   },
 })