diff --git a/src/components/app/index.tsx b/src/components/app/index.tsx
index 4305594e..97cfada3 100644
--- a/src/components/app/index.tsx
+++ b/src/components/app/index.tsx
@@ -99,7 +99,7 @@ export default class App extends Component<Props, State> {
       <div id="app" class={style.app}>
         <Fab showing={showFab} />
 
-        <Header class={style.header} toggleDrawer={this.toggleDrawer} loadFile={this.loadFile} />
+        <Header class={style.header} onToggleDrawer={this.toggleDrawer} loadFile={this.loadFile} />
 
         {/* Avoid loading & rendering the drawer until the first time it is shown. */}
         <When value={showDrawer}>
diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
index ab29de32..c9a5398d 100644
--- a/src/components/header/index.tsx
+++ b/src/components/header/index.tsx
@@ -7,7 +7,7 @@ import { bind } from '../../lib/util';
 type Props = {
   'class'?: string,
   showHeader?: boolean,
-  toggleDrawer?(): void,
+  onToggleDrawer?(): void,
   showFab?(): void,
   loadFile(f: File): void
 };
@@ -35,7 +35,7 @@ export default class Header extends Component<Props, State> {
     }
   }
 
-  render({ class: c, toggleDrawer, showHeader = false, showFab }: Props) {
+  render({ class: c, onToggleDrawer, showHeader = false, showFab }: Props) {
     return (
       <Toolbar fixed class={cx(c, style.toolbar, 'inert', !showHeader && style.minimal)}>
         <Toolbar.Row>
@@ -43,7 +43,7 @@ export default class Header extends Component<Props, State> {
             <Toolbar.Icon title="Upload" ripple onClick={this.upload}>file_upload</Toolbar.Icon>
           </Toolbar.Title>
           <Toolbar.Section align-end>
-            <Toolbar.Icon ripple onClick={toggleDrawer}>menu</Toolbar.Icon>
+            <Toolbar.Icon ripple onClick={onToggleDrawer}>menu</Toolbar.Icon>
           </Toolbar.Section>
         </Toolbar.Row>
         <input class={style.fileInput} ref={this.setInputRef} type="file" onChange={this.handleFiles} />