diff --git a/src/layouts/partial-zone.html b/src/layouts/partial-zone.html
index c194628fd9..1a27650275 100644
--- a/src/layouts/partial-zone.html
+++ b/src/layouts/partial-zone.html
@@ -38,7 +38,7 @@
   <template>
     <div class='root layout vertical'>
       <paper-toolbar>
-        <paper-icon-button icon='menu' hidden$='[[!narrow]]' on-click='toggleMenu'></paper-icon-button>
+        <paper-icon-button icon='menu' hidden$='[[!narrow]]' on-tap='toggleMenu'></paper-icon-button>
         <div class='title'>States</div>
 
         <paper-icon-button
diff --git a/src/layouts/partial-zone.js b/src/layouts/partial-zone.js
index 007efdadbe..8a8a57531b 100644
--- a/src/layouts/partial-zone.js
+++ b/src/layouts/partial-zone.js
@@ -123,4 +123,8 @@ export default new Polymer({
       return 'ha-spin';
     }
   },
+
+  toggleMenu() {
+    this.fire('open-menu');
+  },
 });