diff --git a/src/templates/menu.html b/src/templates/menu.html
index 803cbc6..da5f68c 100644
--- a/src/templates/menu.html
+++ b/src/templates/menu.html
@@ -320,8 +320,8 @@
 
   <a-entity id="clearGenreButton"
     mixin="bigMenuButton"
-    bind-toggle__raycastable="!!genre"
-    bind__visible="!!genre"
+    bind-toggle__raycastable="menuActive && !!genre"
+    bind__visible="menuActive && !!genre"
     proxy-event="event: click; to: a-scene; as: searchclear">
     <a-entity mixin="font" text="align: center; color: #AAA; wrapCount: 20; value: CLEAR GENRE" position="0 -0.07 0.01"></a-entity>
   </a-entity>