diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 2b040e4f5..f984b2626 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -574,6 +574,14 @@ body > header,
   @include breakpoint(small only) {
     flex-wrap: wrap;
     justify-content: space-between;
+
+    .responsive-menu {
+      width: 100%;
+
+      a {
+        display: inline-block;
+      }
+    }
   }
 
   @include breakpoint(medium) {
diff --git a/app/assets/stylesheets/layout/subnavigation.scss b/app/assets/stylesheets/layout/subnavigation.scss
index 217bb2632..e67a3b5a5 100644
--- a/app/assets/stylesheets/layout/subnavigation.scss
+++ b/app/assets/stylesheets/layout/subnavigation.scss
@@ -31,12 +31,10 @@
     padding-top: $line-height / 2;
     position: relative;
     text-align: left;
-    width: 100%;
 
     @include breakpoint(medium) {
       display: block;
       font-weight: bold;
-      width: auto;
 
       &:hover {
         @include anchor-color;
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index c07948801..1eec0d01d 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -24,7 +24,7 @@
       <% end %>
     </h1>
 
-    <div id="responsive-menu">
+    <div id="responsive-menu" class="responsive-menu">
       <%= render Layout::AccountMenuComponent.new(current_user) %>
 
       <div class="show-for-small-only">