Fixes #3264

h/static/styles/mixins/responsive.scss

@@ -40,7 +40,7 @@ $break-desktop: 1024px !default;
   }
 }
 
-// Mobile first media queries. Encorages development to work with mobile and
+// Mobile first media queries. Encourages development to work with mobile and
 // modify as the viewport grows rather than designing for individual bands.
 @mixin wide-handheld-and-up {
   @include breakpoint($break-wide-handheld + 1) {

h/static/styles/top-bar.scss

@@ -31,10 +31,15 @@
   padding-right: $h-padding;
 
   height: 100%;
+
+  .signin-control{
+    flex-shrink: 0;
+  }
 }
 
 .top-bar__inner .group-list {
   margin-right: .75em;
+  white-space: nowrap;
 }
 
 // an expander which adds spacing between the groups list

h/templates/client/top_bar.html

@@ -45,6 +45,7 @@
       <i class="h-icon-annotation-share"></i>
     </a>
     <signin-control
+      class="signin-control"
       auth="auth"
       new-style="true"
       on-show-about-version-dialog="onShowAboutVersionDialog()"