diff --git a/src/templates/menu.html b/src/templates/menu.html
index da5f68c..eb25bd3 100644
--- a/src/templates/menu.html
+++ b/src/templates/menu.html
@@ -358,8 +358,8 @@
 <a-entity id="tutorialButton"
   position="1.08 0.2 -1.9"
   mixin="bigMenuButton"
-  bind-toggle__raycastable="menuActive"
-  bind__visible="menuActive"
+  bind-toggle__raycastable="menuActive && !isSearching && !genreMenuOpen"
+  bind__visible="menuActive && !isSearching && !genreMenuOpen"
   slice9="width: 0.2"
   proxy-event="event: click; to: a-scene; as: tutorialopen">
   <a-entity mixin="font" text="align: center; color: #AAA; wrapCount: 20; value: ?" position="0 -0.07 0.01"></a-entity>
diff --git a/src/templates/tutorial.html b/src/templates/tutorial.html
index ad67c44..8211277 100644
--- a/src/templates/tutorial.html
+++ b/src/templates/tutorial.html
@@ -1,4 +1,9 @@
-<a-entity id="tutorial" class="overlay" position="0 1.5 -1.7" scale="0.7 0.7 0.7" bind__visible="tutorialActive">
+<a-entity
+  id="tutorial"
+  class="overlay"
+  position="0 1.5 -1.7"
+  scale="0.7 0.7 0.7"
+  bind__visible="tutorialActive">
   <a-entity position="0 0.32 0.001" geometry-merger="preserveOriginal: false" material="shader: flat; color: #ffffff">
     <a-entity position="-1.17 0 0" geometry="primitive: ring; radiusInner: 0.08; radiusOuter: 0.095; segmentsPhi: 1; segmentsTheta: 30; buffer: false"></a-entity>
     <a-entity position="0 0 0" geometry="primitive: ring; radiusInner: 0.08; radiusOuter: 0.095; segmentsPhi: 1; segmentsTheta: 30; buffer: false"></a-entity>