diff --git a/web-src/src/components/NavbarBottom.vue b/web-src/src/components/NavbarBottom.vue
index ea9d1e4f..5f156c9f 100644
--- a/web-src/src/components/NavbarBottom.vue
+++ b/web-src/src/components/NavbarBottom.vue
@@ -32,10 +32,7 @@
         </control-link>
         <control-player-play class="navbar-item" show_disabled_message />
       </template>
-      <a
-        class="navbar-item"
-        @click="uiStore.show_player_menu = !uiStore.show_player_menu"
-      >
+      <a class="navbar-item" @click="toggle">
         <mdicon
           class="icon"
           :name="uiStore.show_player_menu ? 'chevron-down' : 'chevron-up'"
@@ -125,6 +122,12 @@ export default {
     current() {
       return this.queueStore.current
     }
+  },
+  methods: {
+    toggle() {
+      this.uiStore.show_player_menu = !this.uiStore.show_player_menu
+      this.uiStore.show_burger_menu = false
+    }
   }
 }
 </script>