diff --git a/app/assets/stylesheets/layout/responsive_menu.scss b/app/assets/stylesheets/layout/responsive_menu.scss
index ff8c1f4da..b30eb060a 100644
--- a/app/assets/stylesheets/layout/responsive_menu.scss
+++ b/app/assets/stylesheets/layout/responsive_menu.scss
@@ -1,4 +1,8 @@
 [data-responsive-toggle=responsive_menu] {
+  @include breakpoint(medium) {
+    display: none;
+  }
+
   .menu-button {
     border: 1px solid;
     border-radius: $button-radius;
diff --git a/app/components/layout/responsive_menu_component.html.erb b/app/components/layout/responsive_menu_component.html.erb
index 3a0e6feab..5f0489c05 100644
--- a/app/components/layout/responsive_menu_component.html.erb
+++ b/app/components/layout/responsive_menu_component.html.erb
@@ -1,4 +1,4 @@
-<span data-responsive-toggle="responsive_menu" data-hide-for="medium">
+<span data-responsive-toggle="responsive_menu">
   <button type="button" class="menu-button" data-toggle>
     <span class="menu-icon"></span>
     <%= t("application.menu") %>