diff --git a/src/templates/menu.html b/src/templates/menu.html
index ab105bb..10252bf 100644
--- a/src/templates/menu.html
+++ b/src/templates/menu.html
@@ -179,10 +179,10 @@
                 bind-item__animation__mouseleavevisible="enabled: menuSelectedChallenge.difficulty !== item"
                 bind-toggle__raycastable="menuActive && !!menuSelectedChallenge.id && menuSelectedChallenge.difficulty !== item"
                 geometry="primitive: plane; width: 0.4; height: 0.2"
-                material="shader: flat; color:  {{ COLORS.UI_ACCENT }}; transparent: true; opacity: 0.0"
+                material="shader: flat; color:  {% endraw %}{{ COLORS.UI_ACCENT }}{% raw %}; transparent: true; opacity: 0.0"
                 position="0 -0.005 0"
                 play-sound="event: mouseenter; sound: #hoverSound; volume: 0.03"
-                animation__mouseenter="property: components.material.material.opacity; to: 1.0; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
+                animation__mouseenter="property: components.material.material.opacity; to: 0.3; startEvents: mouseenter; pauseEvents: mouseleave; dur: 150"
                 animation__mouseentervisible="property: visible; from: false; to: true; startEvents: mouseenter; pauseEvents: mouseleave; dur: 1"
                 animation__mouseleave="property: components.material.material.opacity; to: 0.0; startEvents: mouseleave; pauseEvents: mouseenter; dur: 150"
                 animation__mouseleavevisible="property: visible; from: true; to: false; startEvents: mouseleave; pauseEvents: mouseenter; dur: 160"></a-entity>