From 50afef03cb282caa8ca7f40a7fa261bbd4f5cfa7 Mon Sep 17 00:00:00 2001
From: Matthew Quinn <msquinn1@yahoo.com>
Date: Fri, 30 Jul 2021 14:38:40 -0400
Subject: [PATCH] fix: update mobile header to fix overflow (#2125)

Co-authored-by: Matthew Quinn <matthew.quinn@libertymutual.com>
---
 src/components/Header/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 23992d627..502fc28a4 100644
--- 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};
   }