diff --git a/src/components/Nav/Header.module.scss b/src/components/Nav/Header.module.scss
index 956f9810..3b0e82b2 100644
--- a/src/components/Nav/Header.module.scss
+++ b/src/components/Nav/Header.module.scss
@@ -95,16 +95,14 @@
 
 .usernav {
   display: inline-flex;
+  flex: 0 0 30% !important;
   font-weight: 500;
+  max-width: 250px !important;
   position: relative;
 
-  // flex: 1 100% !important;
-
-  // replace row > * selector to remove !important
-  // width: auto !important;
-
   @include media-breakpoint-down(md) {
-    flex: 1;
+    flex: 1 !important;
+    max-width: 100% !important;
     padding-right: 0 !important;
   }
 }
@@ -270,6 +268,7 @@
   position: absolute;
   text-overflow: ellipsis;
   white-space: nowrap;
+  width: 100%;
 
   @include media-breakpoint-down(md) {
     display: none;