fix: update mobile header to fix overflow (#2125)

Co-authored-by: Matthew Quinn <[email protected]>
gnosis · Jul 30, 2021 · 50afef0 · 50afef0
1 parent 43b6e7a
commit 50afef0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -192,14 +192,15 @@ const StyledNavLink = styled(NavLink).attrs({
   text-decoration: none;
   color: ${({ theme }) => theme.text2};
   font-size: 1rem;
-  width: fit-content;
   font-weight: 500;
   padding: 8px 12px;
   word-break: break-word;
-
+  overflow: hidden;
+  white-space: nowrap;
   &.${activeClassName} {
     border-radius: 12px;
     font-weight: 600;
+    justify-content: center;
     color: ${({ theme }) => theme.text1};
     background-color: ${({ theme }) => theme.bg2};
   }